表選項2 · PHP筆記

[TOC] 表選項在`jQuery.fn.bootstrapTable.defaults`中定義. ## \- * **屬性:**`data-toggle` * **類型:**`String` * **詳情:** 無需編寫JavaScript即可激活引導表。 * **默認:**`'table'` * **例子:**[From HTML](https://www.bootstrap-table.com.cn/examples/welcome/from-html/) ## height * **屬性:**`data-height` * **類型:**`Number` * **詳情:** 表的高度，啟用表的固定標題。 * **默認:**`undefined` * **例子:**[Table Height](https://www.bootstrap-table.com.cn/examples/options/table-height/) ## classes * **屬性:**`data-classes` * **類型:**`String` * **詳情:** 表的類名。`'table'`,`'table-bordered'`,`'table-hover'`,`'table-striped'`,`'table-dark'`,`'table-sm'`和`'table-borderless'`可被使用。默認情況下，表格是有界的。 * **默認:**`'table table-bordered table-hover'` * **例子:**[Table Classes](https://www.bootstrap-table.com.cn/examples/options/table-classes/) ## theadClasses * **屬性:**`data-thead-classes` * **類型:**`String` * **詳情:** 表thead的類名。Bootstrap v4，使用修飾符類`.thead-light`或`.thead-dark`使用`thead`顯示為淺灰色或深灰色。 * **默認:**`''` * **例子:**[Thead Classes](https://www.bootstrap-table.com.cn/examples/options/thead-classes/) ## headerStyle * **屬性:**`data-header-style` * **類型:**`Function` * **詳情:** 標頭樣式格式化程序函數采用一個參數： * `column`: 列對象。支持`classes`或`css`。用法示例： ~~~javascript functionheaderStyle(column){ return{ css:{'font-weight':'normal'}, classes:'my-class' } } ~~~ * **默認:**`{}` * **例子:**[Header Style](https://www.bootstrap-table.com.cn/examples/options/header-style/) ## rowStyle * **屬性:**`data-row-style` * **類型:**`Function` * **詳情:** 行樣式格式化程序函數具有兩個參數： * `row`: 行記錄數據。 * `index`: 行索引。支持類或CSS。 * **默認:**`{}` * **例子:**[Row Style](https://www.bootstrap-table.com.cn/examples/options/row-style/) ## rowAttributes * **屬性:**`data-row-attributes` * **類型:**`Function` * **詳情:** 行屬性格式化程序函數具有兩個參數： * `row`: 行記錄數據。 * `index`: 行索引。支持所有自定義屬性。 * **默認:**`{}` * **例子:**[Row Attributes](https://www.bootstrap-table.com.cn/examples/options/row-attributes/) ## undefinedText * **屬性:**`data-undefined-text` * **類型:**`String` * **詳情:** 定義默認`undefined`文本。 * **默認:**`'-'` * **例子:**[Undefined Text](https://www.bootstrap-table.com.cn/examples/options/undefined-text/) ## locale * **屬性:**`data-locale` * **類型:**`String` * **詳情:** 設置要使用的語言環境（即`'zh-CN'`）。區域設置文件必須預先加載。如果加載了后備語言環境，則按以下順序進行： * 首先嘗試指定的語言環境， * 然后嘗試將'\_'轉換為'-'并將區域代碼大寫的語言環境， * 然后嘗試使用簡短的語言環境代碼（即`'zh'`代替`'zh-CN'`), * 最后，將使用最后一個加載的語言環境文件（如果未加載語言環境，則使用默認語言環境）。如果為左`undefined`字符串或為空字符串，則使用上次加載的語言環境（或`'en-US'`如果未加載任何語言環境文件）。 * **默認:**`undefined` * **例子:**[Table Locale](https://www.bootstrap-table.com.cn/examples/options/table-locale/) ## virtualScroll * **屬性:**`data-virtual-scroll` * **類型:**`Boolean` * **詳情:** 設置`true`為啟用虛擬滾動以顯示虛擬的 “infinite” 列表。 * **默認:**`false` * **例子:**[Large Data](https://www.bootstrap-table.com.cn/examples/options/large-data/) ## virtualScrollItemHeight * **屬性:**`data-virtual-scroll-item-height` * **類型:**`Number` * **詳情:** 如果未定義此選項，則默認情況下我們將使用第一項的高度。如果虛擬商品的高度將明顯大于默認高度，則提供此功能非常重要。此維度用于幫助確定初始化時應創建多少個單元格，并幫助計算可滾動區域的高度。此高度值只能使用`px`單位。 * **默認:**`undefined` * **例子:**[Virtual Scroll Item Height](https://www.bootstrap-table.com.cn/examples/options/virtual-scroll-item-height/) ## sortable * **屬性:**`data-sortable` * **類型:**`Boolean` * **詳情:** 設置`false`為禁用所有列的可排序。 * **默認:**`true` * **例子:**[Table Sortable](https://www.bootstrap-table.com.cn/examples/options/table-sortable/) ## sortClass * **屬性:**`data-sort-class` * **類型:**`String` * **詳情:** `td`排序的元素的類名稱。 * **默認:**`undefined` * **例子:**[Sort Class](https://www.bootstrap-table.com.cn/examples/options/sort-class/) ## silentSort * **屬性:**`data-silent-sort` * **類型:**`Boolean` * **詳情:** 設置`false`為使用加載消息對數據進行排序。當sidePagination選項設置為時，此選項有效`'server'`. * **默認:**`true` * **例子:**[Silent Sort](https://www.bootstrap-table.com.cn/examples/options/silent-sort/) ## sortName * **屬性:**`data-sort-name` * **類型:**`String` * **詳情:** 定義要排序的列。 * **默認:**`undefined` * **例子:**[Sort Name Order](https://www.bootstrap-table.com.cn/examples/options/sort-name-order/) ## sortOrder * **屬性:**`data-sort-order` * **類型:**`String` * **詳情:** 定義列的排序順序，只能是`'asc'`或`'desc'`. * **默認:**`'asc'` * **例子:**[Sort Name Order](https://www.bootstrap-table.com.cn/examples/options/sort-name-order/) ## sortStable * **屬性:**`data-sort-stable` * **類型:**`Boolean` * **詳情:** 設置`true`以獲得穩定的排序。我們將`'_position'`屬性添加到該行。 * **默認:**`false` * **例子:**[Sort Stable](https://www.bootstrap-table.com.cn/examples/options/sort-stable/) ## rememberOrder * **屬性:**`data-remember-order` * **類型:**`Boolean` * **詳情:** 設置`true`為記住每列的順序。 * **默認:**`false` * **例子:**[Remember Order](https://www.bootstrap-table.com.cn/examples/options/remember-order/) ## serverSort * **屬性:**`data-server-sort` * **類型:**`Boolean` * **詳情:** 設置`false`為在客戶端對數據進行排序，僅在`sidePagination`時為`server`時有效 * **默認:**`true` * **例子:**[Server Sort](https://www.bootstrap-table.com.cn/examples/options/server-sort/) ## customSort * **屬性:**`data-custom-sort` * **類型:**`Function` * **詳情:** 執行自定義排序功能而不是內置的排序功能，它需要三個參數： * `sortName`: 排序名稱。 * `sortOrder`: 排序順序。 * `data`: 行數據。 * **默認:**`undefined` * **例子:**[Custom Order](https://www.bootstrap-table.com.cn/examples/options/custom-order/) ## columns * **屬性:**`-` * **類型:**`Array` * **詳情:** 表列配置對象，請參閱列屬性以獲取更多詳細信息。 * **默認:**`[]` * **例子:**[Table Columns](https://www.bootstrap-table.com.cn/examples/options/table-columns/) ## data * **屬性:**`data-data` * **類型:**`Array | Object` * **詳情:** 要加載的數據。 * **默認:**`[]` * **例子:**[From Data](https://www.bootstrap-table.com.cn/examples/welcome/from-data/) ## url * **屬性:**`data-url` * **類型:**`String` * **詳情:** 一個從遠程站點請求數據的URL。請注意，所需的服務器響應格式取決于是否`'sidePagination'`指定了該選項。請參閱以下示例： * [Without server-side pagination](https://github.com/wenzhixin/bootstrap-table-examples/blob/master/json/data1.json) * [With server-side pagination](https://github.com/wenzhixin/bootstrap-table-examples/blob/master/json/data2.json) * **默認:**`undefined` * **例子:**[From URL](https://www.bootstrap-table.com.cn/examples/welcome/from-url/) * **錯誤處理** 要獲取加載錯誤，請使用[onLoadError](https://www.bootstrap-table.com.cn/doc/api/events/#onloaderror) ## method * **屬性:**`data-method` * **類型:**`String` * **詳情:** 請求遠程數據的方法類型。 * **默認:**`'get'` * **例子:**[Table Method](https://www.bootstrap-table.com.cn/examples/options/table-method/) ## cache * **屬性:**`data-cache` * **類型:**`Boolean` * **詳情:** 設置`false`為禁用AJAX請求的緩存。 * **默認:**`true` * **例子:**[Table Cache](https://www.bootstrap-table.com.cn/examples/options/table-cache/) ## contentType * **屬性:**`data-content-type` * **類型:**`String` * **詳情:** 請求遠程數據的contentType，例如：`application/x-www-form-urlencoded`. * **默認:**`'application/json'` * **例子:**[Content Type](https://www.bootstrap-table.com.cn/examples/options/content-type/) ## dataType * **屬性:**`data-data-type` * **類型:**`String` * **詳情:** 您期望從服務器返回的數據類型。 * **默認:**`'json'` * **例子:**[Data Type](https://www.bootstrap-table.com.cn/examples/options/data-type/) ## ajax * **屬性:**`data-ajax` * **類型:**`Function` * **詳情:** 一種替換ajax調用的方法。應該實現與jQuery ajax方法相同的API。 * **默認:**`undefined` * **例子:**[Table AJAX](https://www.bootstrap-table.com.cn/examples/options/table-ajax/) ## ajaxOptions * **屬性:**`data-ajax-options` * **類型:**`Object` * **詳情:** 提交ajax請求的其他選項。值列表：[jQuery.ajax](http://api.jquery.com/jQuery.ajax). * **默認:**`{}` * **例子:**[AJAX Options](https://www.bootstrap-table.com.cn/examples/options/ajax-options/) ## queryParams * **屬性:**`data-query-params` * **類型:**`Function` * **詳情:** 請求遠程數據時，可以通過修改queryParams發送其他參數。如果`queryParamsType = 'limit'`，params對象包含：`limit`,`offset`,`search`,`sort`,`order`. 否則，它包含：`pageSize`,`pageNumber`,`searchText`,`sortName`,`sortOrder`. 返回`false`停止請求。 * **默認:**`function(params) { return params }` * **例子:**[Query Params](https://www.bootstrap-table.com.cn/examples/options/query-params/) ## queryParamsType * **屬性:**`data-query-params-type` * **類型:**`String` * **詳情:** 設置`'limit'`為發送具有RESTFul類型的查詢參數。 * **默認:**`'limit'` * **例子:**[Query Params Type](https://www.bootstrap-table.com.cn/examples/options/query-params-type/) ## responseHandler * **屬性:**`data-response-handler` * **類型:**`Function` * **詳情:** 在加載遠程數據之前，處理響應數據格式，參數對象包含： * `res`: 響應數據。 * `jqXHR`: jqXHR對象，它是XMLHTTPRequest對象的超集。有關更多信息，請參見[jqXHR 類](http://api.jquery.com/Types/#jqXHR). * **默認:**`function(res) { return res }` * **例子:**[Response Handler](https://www.bootstrap-table.com.cn/examples/options/response-handler/) ## totalField * **屬性:**`data-total-field` * **類型:**`String` * **詳情:** 鍵入包含`'total'`數據的傳入json 。 * **默認:**`'total'` * **例子:**[Total/Data Field](https://www.bootstrap-table.com.cn/examples/options/total-data-field/) ## totalNotFilteredField * **屬性:**`data-total-not-filtered-field` * **類型:**`string` * **詳情:** json響應中的字段，將用于`showExtendedPagination`. * **默認:**`totalNotFiltered` * **例子:**[Total Not Filtered Field](https://www.bootstrap-table.com.cn/examples/options/total-not-filtered-field/) ## dataField * **屬性:**`data-data-field` * **類型:**`String` * **詳情:** 鍵入包含`'rows'`數據列表的傳入json 。 * **默認:**`'rows'` * **例子:**[Total/Data Field](https://www.bootstrap-table.com.cn/examples/options/total-data-field/) ## pagination * **屬性:**`data-pagination` * **類型:**`Boolean` * **詳情:** 設置`true`為在表格底部顯示分頁工具欄。 * **默認:**`false` * **例子:**[Table Pagination](https://www.bootstrap-table.com.cn/examples/options/table-pagination/) ## onlyInfoPagination * **屬性:**`data-only-info-pagination` * **類型:**`Boolean` * **詳情:** 設置`true`為僅顯示表中顯示的數據量。它需要將分頁表選項設置為true。 * **默認:**`false` * **例子:**[Only Info Pagination](https://www.bootstrap-table.com.cn/examples/options/only-info-pagination/) ## showExtendedPagination * **屬性:**`data-show-extended-pagination` * **類型:**`Boolean` * **詳情:** 設置`true`為顯示分頁的擴展版本（包括不帶過濾器的所有行的計數）。如果在服務器端使用分頁，請使用`totalNotFilteredField`來定義計數。 * **默認:**`false` * **例子:**[Show Extended Pagination](https://www.bootstrap-table.com.cn/examples/options/show-extended-pagination/) ## paginationLoop * **屬性:**`data-pagination-loop` * **類型:**`Boolean` * **詳情:** 設置`true`為啟用分頁連續循環模式。 * **默認:**`true` * **例子:**[Pagination Loop](https://www.bootstrap-table.com.cn/examples/options/pagination-loop/) ## sidePagination * **屬性:**`data-side-pagination` * **類型:**`String` * **詳情:** 定義表格的側面分頁，只能是`'client'`或`'server'`。使用`'server'`side需要設置`'url'`或`'ajax'`選項。請注意，根據`'sidePagination'`選項設置為`'client'`還是，所需的服務器響應格式會有所不同`'server'`。請參閱以下示例： * [沒有服務器端分頁](https://github.com/wenzhixin/bootstrap-table-examples/blob/master/json/data1.json) * [使用服務器端分頁](https://github.com/wenzhixin/bootstrap-table-examples/blob/master/json/data2.json) * **默認:**`'client'` * **例子:**[Client Side Pagination](https://www.bootstrap-table.com.cn/examples/options/client-side-pagination/)and[Server Side Pagination](https://www.bootstrap-table.com.cn/examples/options/server-side-pagination/) ## totalRows * **屬性:**`data-total-rows` * **類型:**`Number` * **詳情:** 此屬性主要由分頁服務器傳入，該服務器易于使用。 * **默認:**`0` ## totalNotFiltered * **屬性:**`data-total-not-filtered` * **類型:**`Number` * **詳情:** 此屬性主要由分頁服務器傳入，該服務器易于使用。 * **默認:**`0` ## pageNumber * **屬性:**`data-page-number` * **類型:**`Number` * **詳情:** 設置分頁屬性時，請初始化頁碼。 * **默認:**`1` * **例子:**[Page Number](https://www.bootstrap-table.com.cn/examples/options/page-number/) ## pageSize * **屬性:**`data-page-size` * **類型:**`Number` * **詳情:** 設置分頁屬性時，初始化頁面大小。 * **默認:**`10` * **例子:**[Page Size](https://www.bootstrap-table.com.cn/examples/options/page-size/) ## pageList * **屬性:**`data-page-list` * **類型:**`Array` * **詳情:** 設置分頁屬性時，初始化頁面尺寸選擇列表。如果包含`'all'`或`'unlimited'`選項，則所有記錄將顯示在表中。 * **默認:**`[10, 25, 50, 100]` * **例子:**[Page List](https://www.bootstrap-table.com.cn/examples/options/page-list/) ## paginationHAlign * **屬性:**`data-pagination-h-align` * **類型:**`String` * **詳情:** 指示如何對齊分頁。`'left'`,`'right'`可以使用。 * **默認:**`'right'` * **例子:**[Pagination H Align](https://www.bootstrap-table.com.cn/examples/options/pagination-h-align/) ## paginationVAlign * **屬性:**`data-pagination-v-align` * **類型:**`String` * **詳情:** 指示如何垂直對齊分頁。`'top'`,`'bottom'`,`'both'`（穿上頂部和底部的分頁）都可以使用。 * **默認:**`'bottom'` * **例子:**[Pagination V Align](https://www.bootstrap-table.com.cn/examples/options/pagination-v-align/) ## paginationDetailHAlign * **屬性:**`data-pagination-detail-h-align` * **類型:**`String` * **詳情:** 指示如何對齊分頁細節`'left'`,`'right'`可以使用。 * **默認:**`'left'` * **例子:**[Pagination H Align](https://www.bootstrap-table.com.cn/examples/options/pagination-h-align/) ## paginationPreText * **屬性:**`data-pagination-pre-text` * **類型:**`String` * **詳情:** 指示要在分頁詳細信息中顯示的圖標或文本，即上一個按鈕。 * **默認:**`'?'` * **例子:**[Pagination Text](https://www.bootstrap-table.com.cn/examples/options/pagination-text/) ## paginationNextText * **屬性:**`data-pagination-next-text` * **類型:**`String` * **詳情:** 指示要在分頁詳細信息（下一步按鈕）中顯示的圖標或文本。 * **默認:**`'?'` * **例子:**[Pagination Text](https://www.bootstrap-table.com.cn/examples/options/pagination-text/) ## paginationSuccessivelySize * **屬性:**`data-pagination-successively-size` * **類型:**`Number` * **詳情:** 連續的最大連續頁數。 * **默認:**`5` * **例子:**[Pagination Index Number](https://www.bootstrap-table.com.cn/examples/options/pagination-index-number/) ## paginationPagesBySide * **屬性:**`data-pagination-pages-by-side` * **類型:**`Number` * **詳情:** 當前頁面每側（右側，左側）的頁數。 * **默認:**`1` * **例子:**[Pagination Index Number](https://www.bootstrap-table.com.cn/examples/options/pagination-index-number/) ## paginationUseIntermediate * **屬性:**`data-pagination-use-intermediate` * **類型:**`Boolean` * **詳情:** 計算并顯示中間頁面以便快速訪問。 * **默認:**`false` * **例子:**[Pagination Index Number](https://www.bootstrap-table.com.cn/examples/options/pagination-index-number/) ## search * **屬性:**`data-search` * **類型:**`Boolean` * **詳情:** 啟用搜索輸入。有3種搜索方式： * 該值包含搜索查詢（默認）。示例：Github包含git。 * 該值必須與搜索查詢相同。示例：Github（值）和Github（搜索查詢）。 * 比較（, =, =>）。示例：4大于3。 * **默認:**`false` * **例子:**[Table Search](https://www.bootstrap-table.com.cn/examples/options/table-search/) ## searchOnEnterKey * **屬性:**`data-search-on-enter-key` * **類型:**`Boolean` * **詳情:** 搜索方法將一直執行到按下Enter鍵。 * **默認:**`false` * **例子:**[Search On Enter Key](https://www.bootstrap-table.com.cn/examples/options/search-on-enter-key/) ## strictSearch * **屬性:**`data-strict-search` * **類型:**`Boolean` * **詳情:** 啟用嚴格搜索。禁用比較檢查。 * **默認:**`false` * **例子:**[Strict Search](https://www.bootstrap-table.com.cn/examples/options/strict-search/) ## visibleSearch * **屬性:**`visible-search` * **類型:**`Boolean` * **詳情:** 設置`true`為僅在可見列/數據中搜索，如果數據包含其他未顯示的值，則在搜索時將忽略它們。 * **默認:**`false` * **例子:**[visible search](https://www.bootstrap-table.com.cn/examples/options/visible-search/) ## showButtonIcons * **屬性:**`show-button-icons` * **類型:**`Boolean` * **詳情:** 所有按鈕都將在其上顯示圖標 * **默認:**`true` ## showButtonText * **屬性:**`show-button-text` * **類型:**`Boolean` * **詳情:** 所有按鈕都將在其上顯示文本 * **默認:**`false` ## showSearchButton * **屬性:**`data-show-search-button` * **類型:**`Boolean` * **詳情:** 設置`true`為在搜索輸入后面顯示搜索按鈕。僅在按下按鈕時才會執行搜索（例如，以防止交通或加載時間）。 * **默認:**`false` ## showSearchClearButton * **屬性:**`data-show-search-clear-button` * **類型:**`Boolean` * **詳情:** 設置`true`為在搜索輸入后面顯示一個清除按鈕，該按鈕將清除搜索輸入（還包括來自過濾器控件的所有過濾器（如果啟用））。 * **默認:**`false` ## trimOnSearch * **屬性:**`data-trim-on-search` * **類型:**`Boolean` * **詳情:** 設置`true`為修剪搜索字段中的空格。 * **默認:**`true` ## searchAlign * **屬性:**`data-search-align` * **類型:**`String` * **詳情:** 指示如何對齊搜索輸入。`'left'`,`'right'`可以使用。 * **默認:**`'right'` ## searchTimeOut * **屬性:**`data-search-time-out` * **類型:**`Number` * **詳情:** 設置搜索觸發超時。 * **默認:**`500` ## searchText * **屬性:**`data-search-text` * **類型:**`String` * **詳情:** 設置搜索屬性后，初始化搜索文本。 * **默認:**`''` ## customSearch * **屬性:**`data-custom-search` * **類型:**`Function` * **詳情:** 執行自定義搜索功能而不是內置搜索功能，它采用三個參數： * `data`: 表格數據。 * `text`: 搜索文字。 * `filter`:`filterBy`方法中的過濾器對象。用法示例： ~~~javascript functioncustomSearch(data,text){ returndata.filter(function(row){ returnrow.field.indexOf(text)>-1 }) } ~~~ * **默認:**`undefined` ## showHeader * **屬性:**`data-show-header` * **類型:**`Boolean` * **詳情:** 設置`false`為隱藏表格標題。 * **默認:**`true` ## showFooter * **屬性:**`data-show-footer` * **類型:**`Boolean` * **詳情:** 設置`true`為顯示摘要頁腳行。 * **默認:**`false` ## footerStyle * **屬性:**`data-footer-style` * **類型:**`Function` * **詳情:** 頁腳樣式格式化程序函數，采用一個參數： * `column`: 列對象。支持`classes`或`css`.用法示例： ~~~javascript functionfooterStyle(column){ return{ css:{'font-weight':'normal'}, classes:'my-class' } } ~~~ * **默認:**`{}` ## showColumns * **屬性:**`data-show-columns` * **類型:**`Boolean` * **詳情:** 設置`true`為顯示列下拉列表。我們可以將[`switchable`](https://www.bootstrap-table.com.cn/doc/api/column-options/#switchable)選項設置`false`為隱藏下拉列表中項目。 * **默認:**`false` ## showColumnsToggleAll * **屬性:**`data-show-columns-toggle-all` * **類型:**`Boolean` * **詳情:** 設置`true`為在列選項/下拉列表中顯示“全部切換”復選框。 * **默認:**`false` ## showColumnsSearch * **屬性:**`data-show-columns-search` * **類型:**`Boolean` * **詳情:** 設置`true`為顯示對列過濾器的搜索。 * **默認:**`false` ## minimumCountColumns * **屬性:**`data-minimum-count-columns` * **類型:**`Number` * **詳情:** 從列下拉列表中隱藏的最小列數。 * **默認:**`1` ## showPaginationSwitch * **屬性:**`data-show-pagination-switch` * **類型:**`Boolean` * **詳情:** 設置`true`為顯示分頁開關按鈕。 * **默認:**`false` ## showRefresh * **屬性:**`data-show-refresh` * **類型:**`Boolean` * **詳情:** 設置`true`為顯示刷新按鈕。 * **默認:**`false` ## showToggle * **屬性:**`data-show-toggle` * **類型:**`Boolean` * **詳情:** 設置`true`顯示切換按鈕以切換表格/卡片視圖。 * **默認:**`false` ## showFullscreen * **屬性:**`data-show-fullscreen` * **類型:**`Boolean` * **詳情:** 設置`true`顯示全屏按鈕。 * **默認:**`false` ## smartDisplay * **屬性:**`data-smart-display` * **類型:**`Boolean` * **詳情:** 設置`true`為智能顯示分頁或名片視圖。 * **默認:**`true` ## escape * **屬性:**`data-escape` * **類型:**`Boolean` * **詳情:** 轉義用于插入HTML的字符串，并替換 &, , “, `, and ‘ 字符。 * **默認:**`false` ## filterOptions * **屬性:**`data-filter-options` * **類型:**`Boolean` * **詳情:** 定義算法的默認過濾器選項，`filterAlgorithm: 'and'`意味著所有給定的過濾器必須匹配，`filterAlgorithm: 'or'`意味著給定的過濾器之一必須匹配。 * **默認:**`{ filterAlgorithm: 'and' }` ## idField * **屬性:**`data-id-field` * **類型:**`String` * **詳情:** 指明哪個字段將用作復選框/單選框值，與[selectItemName](https://www.bootstrap-table.com.cn/doc/api/table-options/#selectitemname)對應。 * **默認:**`undefined` ## selectItemName * **屬性:**`data-select-item-name` * **類型:**`String` * **詳情:** 單選或復選框輸入的名稱。 * **默認:**`'btSelectItem'` ## clickToSelect * **屬性:**`data-click-to-select` * **類型:**`Boolean` * **詳情:** 設置`true`為在單擊行時選擇復選框或單選框。 * **默認:**`false` ## ignoreClickToSelectOn * **屬性:**`data-ignore-click-to-select-on` * **類型:**`Function` * **詳情:** 設置忽略元素`clickToSelect`。接受一個參數： * `element`: 元素被點擊。如果應忽略該單擊，則返回true；如果應使該行被選擇，則返回false。僅當`clickToSelect`為true時，此選項才相關。 * **默認:**`{ return ['A', 'BUTTON'].includes(tagName) }` ## singleSelect * **屬性:**`data-single-select` * **類型:**`Boolean` * **詳情:** 設置`true`為允許復選框僅選擇一行。 * **默認:**`false` ## checkboxHeader * **屬性:**`data-checkbox-header` * **類型:**`Boolean` * **詳情:** 設置`false`為隱藏標題行中的所有復選框。 * **默認:**`true` ## maintainMetaData * **屬性:**`data-maintain-meta-data` * **類型:**`Boolean` * **詳情:** 設置`true`為在更改頁面和搜索上維護以下元數據： * 選定的行 * 隱藏的行 * **默認:**`false` ## multipleSelectRow * **屬性:**`data-multiple-select-row` * **類型:**`Boolean` * **詳情:** 設置`true`以啟用多選行。可以使用ctrl鍵單擊以選擇一行，或使用shift鍵單擊以選擇一系列行。 * **默認:**`false` ## uniqueId * **屬性:**`data-unique-id` * **類型:**`String` * **詳情:** 為每一行指示唯一的標識符。 * **默認:**`undefined` ## cardView * **屬性:**`data-card-view` * **類型:**`Boolean` * **詳情:** 設置`true`為顯示名片視圖表，例如移動視圖。 * **默認:**`false` ## detailView * **屬性:**`data-detail-view` * **類型:**`Boolean` * **詳情:** 設置`true`為顯示詳細視圖表。 * **默認:**`false` ## detailViewIcon * **屬性:**`data-detail-view-icon` * **類型:**`Boolean` * **詳情:** 設置`true`為顯示詳細信息視圖列（加/減圖標）。 * **默認:**`true` ## detailViewByClick * **屬性:**`data-detail-view-by-click` * **類型:**`Boolean` * **詳情:** 設置`true`單擊以設置切換細節視圖。 * **默認:**`false` ## detailFormatter * **屬性:**`data-detail-formatter` * **類型:**`Function` * **詳情:** 當格式化您的詳細信息視圖`detailView`設置為`true`。返回一個String，它將被附加到詳細信息視圖單元格中，可以選擇使用第三個參數直接渲染該元素，該參數是目標單元格的jQuery元素。 * **默認:**`function(index, row, element) { return '' }` ## detailFilter * **屬性:**`data-detail-filter` * **類型:**`Function` * **詳情:** 當啟用每行擴展`detailView`設置到`true`。返回true，將啟用該行進行擴展，返回false，并且將禁用該行的擴展。默認函數返回true以啟用所有行的擴展。 * **默認:**`function(index, row) { return true }` ## toolbar * **屬性:**`data-toolbar` * **類型:**`String/Node` * **詳情:** jQuery選擇指示工具欄，例如：`#toolbar`,`.toolbar`，或DOM節點。 * **默認:**`undefined` ## toolbarAlign * **屬性:**`data-toolbar-align` * **類型:**`String` * **詳情:** 指示如何對齊自定義工具欄。`'left'`,`'right'`可以使用。 * **默認:**`'left'` ## buttonsToolbar * **屬性:**`data-buttons-toolbar` * **類型:**`String/Node` * **詳情:** jQuery選擇，指示自定義按鈕工具欄，例如：`#buttons-toolbar`,`.buttons-toolbar`，或DOM節點。 * **默認:**`undefined` ## buttonsAlign * **屬性:**`data-buttons-align` * **類型:**`String` * **詳情:** 指示如何對齊工具欄按鈕。`'left'`,`'right'`可以使用。 * **默認:**`'right'` ## buttonsOrder * **屬性:**`data-buttons-order` * **類型:**`Array` * **詳情:** 指示如何自定義工具欄按鈕的順序。 * **默認:**`['paginationSwitch', 'refresh', 'toggle', 'fullscreen', 'columns']` ## buttonsPrefix * **屬性:**`data-buttons-prefix` * **類型:**`String` * **詳情:** 定義表格按鈕的前綴。 * **默認:**`'btn'` ## buttonsClass * **屬性:**`data-buttons-class` * **類型:**`String` * **詳情:** 定義`'btn-'`表格按鈕的類（在后面添加）。 * **默認:**`'secondary'` ## icons * **屬性:**`data-icons` * **類型:**`Object` * **詳情:** 定義在工具欄，分頁和詳細信息視圖中使用的圖標。 * **默認:** ~~~html { paginationSwitchDown: 'fa-caret-square-down', paginationSwitchUp: 'fa-caret-square-up', refresh: 'fa-sync', toggleOff: 'fa-toggle-off', toggleOn: 'fa-toggle-on', columns: 'fa-th-list', fullscreen: 'fa-arrows-alt', detailOpen: 'fa-plus', detailClose: 'fa-minus' } ~~~ * **例子:**[Table Icons](https://www.bootstrap-table.com.cn/examples/options/table-icons/) ## html * **屬性:**`data-html` * **類型:**`Object` * **詳情:** 定義表格的html。 * **默認:** 代碼太多，請簽出`index.js` ## iconSize * **屬性:**`data-icon-size` * **類型:**`String` * **詳情:** 定義圖標的大小，`undefined`,`'lg'`,`'sm'`都可以使用。 * **默認:**`undefined` ## iconsPrefix * **屬性:**`data-icons-prefix` * **類型:**`String` * **詳情:** 定義圖標集名稱（`'glyphicon'`或`'fa'`）。默認情況下`'fa'`用于Bootstrap v4。 * **默認:**`'fa'`