因为bootstrap自带的固定列效果满足不了公司需求，所以借助fixed-table这个插件完成了iview固定列的效果
左右两侧固定列，中间内容可以横向拖动 .fixed-table-box{ width: 800px; margin: 50px auto; } .fixed-table-box>.fixed-table_body-wraper{ max-height: 260px; } .fixed-table_fixed>.fixed-table_body-wraper{ max-height: 240px; } .w-150{ width: 150px; } .w-120{ width: 120px; } .w-300{ width: 300px; } .w-100{ width: 100px; } .btns{ text-align: center; } .btns button{ padding: 10px 20px; }
日期 姓名 省份 市区 地址 邮编 操作
2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑 2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑 2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑 2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑 2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑 2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑 2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑 2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑
日期
2016-05-03 2016-05-03 2016-05-03 2016-05-03 2016-05-03 2016-05-03 2016-05-03 2016-05-03
操作
查看 编辑 查看 编辑 查看 编辑 查看 编辑 查看 编辑 查看 编辑 查看 编辑 查看 编辑
具体网址忘了存了，有需要的小伙伴可自己查一下~
次案例从一个网站下载，
实现效果为：
总结
以上所述是小编给大家介绍的bootstrap table实现iview固定列的效果,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
