参考API

表格展示的两种实现方式

Bootstrap Table插件通过数据属性或JavaScript以表格格式显示数据

表头固定

$('#table').bootstrapTable({
  height: 460
})

列固定

  1. fixedColumns 默认为false禁用冻结列,设为true启用冻结列(左侧)
  2. fixedNumber 冻结列的个数,当fixedColumns设为true有效(左侧)
  3. fixedRightNumber 冻结列的个数,当fixedColumns设为true有效(右侧)

注意:需要先引入bootstrap-table-fixed-columns插件

其他

  • 通过data-width和data-width-unit属性给列设置宽度
  • 通过data-class属性给列指定样式
  • 通过data-pagination属性设置是否显示底部工具栏
Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐