bootstrap-table參數

table.bootstrapTable({
url:'/Home/geurl', //請求後臺的URL(
method:'get', //請求方式(

toolbar:'#toolbar', //工具按鈕用哪一個容器
striped:true, //是否顯示行間隔色
cache:false, //是否使用緩存,默認爲true,因此通常狀況下須要設置一下這個屬性(
pagination:true, //是否顯示分頁(

sortable:false, //是否啓用排序
sortOrder:'asc', //排序方式
queryParams:oTableInit.queryParams, //傳遞參數(
sidePagination:'server', //分頁方式:client客戶端分頁,server服務端分頁(

pageNumber:1, //初始化加載第一頁,默認第一頁
pageSize:10, //每頁的記錄行數(
pageList:[10,25,50,100], //可供選擇的每頁的行數(

search:true, //是否顯示錶格搜索,此搜索是客戶端搜索,不會進服務端,因此,我的感受意義不大
strictSearch:true,
showColumns:true, //是否顯示全部的列
showRefresh:true, //是否顯示刷新按鈕
minimumCountColumns:2, //最少容許的列數
clickToSelect:true, //是否啓用點擊選中行
height:500, //行高,若是沒有設置height屬性,表格自動根據記錄條數以爲表格高度
uniqueId:'ID', // 每一行的惟一標識,通常爲主鍵列
showToggle:true, //是否顯示詳細視圖和列表視圖的切換按鈕
cardView:false, //是否顯示詳細師徒
detailView:false, //是否顯示父子表
column是:[{}],
columns: [{
title: '序號',//標題
width: '10%',//表格寬度
halign : 'center',//table header(表頭)的對齊方式,有:left(靠左)、right(靠右)、center(居中)
align :'center',//每格內數據的對齊方式,有:left(靠左)、right(靠右)、center(居中)
//formatter 屬於列參數,表示對於當前列的數據進行格式化操做,它是一個函數,有三個參數,分別是value,row,index
//value:表示當前單元格中的值
//row:表示當前行
//index:表示當前行的下標
formatter:function(value,row,index){
var rowIndex = index;
index = $("#tableInit").bootstrapTable("getIndex");
return index + rowIndex ;
}
}, {
});bootstrap

相關文章
相關標籤/搜索