Bootstrap Table表头固定、列固定的实现

参考API

• Bootstrap Table>Table Options
• Bootstrap Table>Column Options

表格展示的两种实现方式

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

• 数据属性
• 通过JavaScript

表头固定

• 数据属性
  使用data-height
• JavaScript

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

列固定

• JavaScript
  里面只需要关注3个属性

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属性设置是否显示底部工具栏
• …

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！