快速入门
表格选项
-
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中文文档 - 笔下光年
网站首页
快速入门
本文档所有的示例，均结合光年模板环境，这里使用的是v5版本。 - Bootstrap 5.1.3 - JQuery v3.6.0 - Bootstrap-table 1.20.0 #### 配置显示的字段 ```javascript var columns=[{ field: 'id', title: '编号' }, { field: 'bookName', title: '书籍名称' }, { field: 'author', title: '作者' }]; ``` #### data显示的数据 ```javascript var data=[{ id: 1, bookName: '《古文辞类纂》', author: '姚鼐' }, { id: 2, bookName: '《资治通鉴》', author: '司马光' }] ``` #### 示例
下一篇：
表格选项
