bootstrap table实现iview固定列的效果实例代码详解

这篇文章主要介绍了bootstrap table实现iview固定列的效果,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

因为bootstrap自带的固定列效果满足不了公司需求，所以借助fixed-table这个插件完成了iview固定列的效果

   左右两侧固定列，中间内容可以横向拖动      日期 姓名 省份 市区 地址 邮编 操作
     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固定列的效果,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对html中文网网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

以上就是bootstrap table实现iview固定列的效果实例代码详解的详细内容，更多请关注0133技术站其它相关文章！

bootstrap table实现iview固定列的效果实例代码详解

相关文章

前端开发

置顶推荐

猜你喜欢

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	查看编辑