如何来使用bootstrap table

Posted 2023-02-23

参考技术A bootstrap的table是handstable，你需要下载这个样式table的css和js；
handsontable的核心方法如下：
var hot = new Handsontable(document.getElementById('example'),
data: data,
colHeaders: ['日期', '地点', '商品', '单价', '销量'], // 使用自定义列头
rowHeaders: true,
editor: false, // 禁用所有单元格编辑
colWidths: 150, // 设置所有列宽为150像素
contextMenu: false, // 禁用右键菜单
mergeCells: [
row:0, col:0, rowspan:5, colspan:1,
row:5, col:0, rowspan:4, colspan:1
],
cell: [
row: 0, col: 0, className: "htCenter htMiddle", // 设置下标为0,0的单元格样式 水平居中、垂直居中
row: 5, col: 0, className: "htCenter htMiddle"
]
);

如何使用bootstrap-table进行后端排序

参考技术A 　　table控件有filter的属性，可以过滤数据table.filtered :=false;table.filter := ...//过滤条件table.filtered := true;至于排序，可以用indexfieldnames设置一个字段名称就可以了