快速入门
表格选项
-
ajax
ajaxOptions
buttons
buttonsAlign
buttonsClass
buttonsOrder
buttonsPrefix
buttonsToolbar
cache
cardView
checkboxHeader
classes
clickToSelect
columns
contentType
customSearch
customSort
data
dataField
dataType
detailFilter
detailFormatter
detailView
detailViewAlign
detailViewByClick
detailViewIcon
escape
filterOptions
footerField
footerStyle
headerStyle
height
icons
iconSize
iconsPrefix
idField
ignoreClickToSelectOn
loadingFontSize
loadingTemplate
locale
maintainMetaData
method
minimumCountColumns
multipleSelectRow
pageList
pageNumber
pageSize
pagination
paginationDetailHAlign
paginationHAlign
paginationLoop
paginationNextText
paginationPagesBySide
paginationParts
paginationPreText
paginationSuccessivelySize
paginationUseIntermediate
paginationVAlign
queryParams
queryParamsType
regexSearch
rememberOrder
responseHandler
rowAttributes
rowStyle
search
searchAccentNeutralise
searchAlign
searchHighlight
searchOnEnterKey
searchSelector
searchText
searchTimeOut
selectItemName
serverSort
showButtonIcons
showButtonText
showColumns
showColumnsSearch
showColumnsToggleAll
showExtendedPagination
showFooter
showFullscreen
showHeader
showPaginationSwitch
showRefresh
showSearchButton
showSearchClearButton
showToggle
sidePagination
silentSort
singleSelect
smartDisplay
sortable
sortClass
sortEmptyLast
sortName
sortOrder
sortReset
sortResetPage
sortStable
strictSearch
theadClasses
toolbar
toolbarAlign
totalField
totalNotFiltered
totalNotFilteredField
totalRows
trimOnSearch
undefinedText
uniqueId
url
virtualScroll
virtualScrollItemHeight
visibleSearch
列表选项
align
cardVisible
cellStyle
checkbox
checkboxEnabled
class
clickToSelect
colspan
detailFormatter
escape
events
falign
field
footerFormatter
formatter
halign
order
radio
rowspan
searchable
searchFormatter
searchHighlightFormatter
showSelectTitle
sortable
sorter
sortName
switchable
title
titleTooltip
valign
visible
width
widthUnit
事件
onAll
onCheck
onCheckAll
onCheckSome
onClickCell
onClickRow
onCollapseRow
onColumnSwitch
onColumnSwitchAll
onDblClickCell
onDblClickRow
onExpandRow
onLoadError
onLoadSuccess
onPageChange
onPostBody
onPostFooter
onPostHeader
onPreBody
onRefresh
onRefreshOptions
onResetView
onScrollBody
onSearch
onSort
onToggle
onTogglePagination
onUncheck
onUncheckAll
onUncheckSome
onVirtualScroll
方法
append
check
checkAll
checkBy
checkInvert
collapseAllRows
collapseRow
collapseRowByUniqueId
destroy
expandAllRows
expandRow
expandRowByUniqueId
filterBy
getData
getHiddenColumns
getHiddenRows
getOptions
getRowByUniqueId
getScrollPosition
getSelections
getVisibleColumns
hideAllColumns
hideColumn
hideLoading
hideRow
insertRow
load
mergeCells
nextPage
prepend
prevPage
refresh
refreshOptions
remove
removeAll
removeByUniqueId
resetSearch
resetView
scrollTo
selectPage
showAllColumns
showColumn
showLoading
showRow
toggleDetailView
toggleFullscreen
togglePagination
toggleView
uncheck
uncheckAll
uncheckBy
updateByUniqueId
updateCell
updateCellByUniqueId
updateColumnTitle
updateFormatText
updateRow
本地化
扩展
地址栏
自动刷新
Cookie
复制行
自定义视图
延迟Url
编辑表
导出
过滤器控制
固定列
按v2分组
I18n 增强
关键事件
移动
多重排序
页面跳转
Pipeline
打印
重新排序列
重新排序行
调整大小
粘性标题(Sticky Header)
工具条
树形网格(Table Treegrid)
重新排序行 - Bootstrap-table中文文档 - 笔下光年
网站首页
重新排序行
Bootstrap Table重新排序行扩展。 相关性:[tablednd](https://github.com/isocra/TableDnD "tablednd") v0.9 如果需要,可以包含 `bootstrap-table-reorder-rows.css` 文件以使用默认的dragClass。 #### 用法 ```html <link rel="stylesheet" href="extensions/reorder-rows/bootstrap-table-reorder-rows.css"> <script src=".../jquery.tablednd.js"></script> <script src="extensions/reorder-rows/bootstrap-table-reorder-rows.js"></script> ``` #### 选项 **reorderableRows** - 属性: `data-reorderable-rows` - 类型: `Boolean` - 详情: 设置为 `true` 以允许重新排序功能。 - 默认: `false` **onAllowDrop** - 属性: `data-on-allow-drop` - 类型: `function` - 详情: 传递一个将在一行位于另一行上时调用的函数。如果函数返回 `true`,则允许删除该行,否则不允许。该函数采用4个参数: - 拖动的行数据 - 光标下行的数据 - 拖动的行 - 光标下的行 它返回一个布尔值:`true` 允许删除,`false` 不允许删除。 - 默认: `null` **onDragStop** - 属性: `data-on-drag-stop` - 类型: `function` - 详情: 传递一个函数,该函数将在用户停止拖动时调用,无论行是否已重新排列。该函数接受3个参数:表、行数据和用户拖动的行。 - 默认: `null` **onDragStyle** - 属性: `data-on-drag-style` - 类型: `String` - 详情: 这是在拖动期间指定给行的样式。可以与行关联的样式存在限制(例如,无法很好地指定边框,但无法显示边框)。 - 默认: `null` **onDragClass** - 属性: `data-on-drag-class` - 类型: `String` - 详情: 该类在拖动期间被添加,然后在行被删除时被删除。它比使用 `onDragStyle` 更灵活,因为它可以由行单元格和其他内容继承。 - 默认: `reorder-rows-on-drag-class` **onDropStyle** - 属性: `data-on-drop-style` - 类型: `String` - 详情: 这是删除行时分配给该行的样式。至于 `onDragStyle`,您可以做的事情有一些限制。此外,这将替换原始样式,因此再次考虑使用 `onDragClass`,它只是简单地添加,然后在拖放时删除。 - 默认: `null` **onReorderRowsDrag** - 属性: `data-on-reorder-rows-drag` - 类型: `Function` - 详情: 传递用户开始拖动时将调用的函数。该函数采用1个参数:用户开始拖动的行。 - 默认: `empty function` **onReorderRowsDrop** - 属性: `data-on-reorder-rows-drop` - 类型: `Function` - 详情: 传递一个将在删除行时调用的函数。该函数接受1个参数:删除的行。 - 默认: `empty function` **dragHandle** - 属性: `data-drag-handle` - 类型: `String` - 详情: 这是游标元素。 > 注意:此选项主要用于适应 `TableDnD` 插件。在任何特殊情况下,请不要修改默认值。 - 默认: `>tbody>tr>td:not(.bs-checkbox)` **useRowAttrFunc** - 属性: `data-use-row-attr-func` - 类型: `Boolean` - 详情: 如果 `tr` 元素没有 `id` 属性,则必须使用此函数。如果 `tr` 元素没有 `id` 属性,则该插件不会触发 `onDrop` 事件。 - 默认: `false` #### 事件 **onReorderRow(reorder-row.bs.table)** 删除行时激发,接收两个参数: - 新表数据 - 删除的行 - 旧位置的行
上一篇:
重新排序列
下一篇:
调整大小