bootstrap table遠端載入資料
$('#table').bootstrapTable({
method: 'post',
toolbar: '#toolbar', //工具按鈕用哪個容器
striped: true, //是否顯示行間隔色
cache: false, //是否使用快取,預設為true,所以一般情況下需要設定一下這個屬性(*)
pagination: true, //是否顯示分頁(*)
sortable: false, //是否啟用排序
sortOrder: "asc", //排序方式
pageNumber:1, //初始化載入第一頁,預設第一頁
pageSize: 10, //每頁的記錄行數(*)
pageList: [10, 25, 50, 100], //可供選擇的每頁的行數(*)
url: "url",//這個介面需要處理bootstrap table傳遞的固定引數
queryParamsType:'', //預設值為 'limit' ,在預設情況下 傳給服務端的引數為:offset,limit,sort;設定為 '' 在這種情況下傳給伺服器的引數為:pageSize,pageNumber
sidePagination: "server", //分頁方式:client客戶端分頁,server服務端分頁(*)
search: true, //是否顯示錶格搜尋,此搜尋是客戶端搜尋,不會進服務端,所以,個人感覺意義不大
strictSearch: true,
showRefresh: true, //是否顯示重新整理按鈕
minimumCountColumns: 2, //最少允許的列數
clickToSelect: true, //是否啟用點選選中行
searchOnEnterKey: true,
columns: [{
field: 'checkbox',
title: '選擇',
checkbox: true,
align: 'center'
}, {
field: 'code',
title: '編號',
align: 'center'
}, {
field: 'name',
title: '名稱',
align: 'center'
}]
});
}