bootstraptable冻结列无效_bootstrap-table-冻结列样例

【实例简介】

【实例截图】

【核心代码】

Fixed Columns

Fixed Columns

• if you like bootstrap-table-fixed-columns - help:

• src="http://ghbtns.com/github-btn.html?user=wenzhixin&repo=bootstrap-table-fixed-columns&type=watch&count=true"

  width="100" height="20" title="Star on GitHub">

• src="http://ghbtns.com/github-btn.html?user=wenzhixin&repo=bootstrap-table-fixed-columns&type=fork&count=true"

  width="102" height="20" title="Fork on GitHub">

• width="175" height="20" title="Follow on GitHub">

---

Fixed Number:

var $table = $('#table');

$(function () {

buildTable($table, 20, 20);

$('#fixedNumber').change(function () {

buildTable($table, 20, 20);

});

});

function buildTable($el, cells, rows) {

var i, j, row,

columns = [],

data = [];

for (i = 0; i < cells; i ) {

columns.push({

field: 'field' i,

title: 'Cell' i,

sortable: true

});

}

for (i = 0; i < rows; i ) {

row = {};

for (j = 0; j < cells; j ) {

row['field' j] = 'Row-' i '-' j;

}

data.push(row);

}

$el.bootstrapTable('destroy').bootstrapTable({

columns: columns,

data: data,

search: true,

toolbar: '.toolbar',

pagination: true,

//height: 300,

pageSize: 10,

pageList: [10, 25, 50, 100],

fixedColumns: true,

fixedNumber: $('#fixedNumber').val(),

onClickCell:function (field,value,row,element){

console.log(field);

console.log(value);

console.log(row);

console.log(element);

}

});

}