首页 > 其他 > 详细

Bootstrap Table列宽拖动的方法

时间:2018-08-14 23:51:12      阅读:451      评论:0      收藏:0      [点我收藏+]

  在之前做过的一个web项目中,前端表格是基于jQuery和Bootstrap Table做的,客户要求能利用拖动改变列宽,为了总结和备忘,现将实现的过程记录如下:

  1、Bootstrap Table可拖动,需要用到它的Resizable扩展插件,具体可见bootstrap-table的官方文档链接:http://bootstrap-table.wenzhixin.net.cn/zh-cn/extensions/

    进入之后,找到Resizable插件,点击Home进入github可以找到详细的用法。

        技术分享图片

  2、用法是直接引入该js插件,不过可以看到,这个插件还依赖于colResizable v1.6(下载地址:http://www.bacubacu.com/colresizable/)

   <script src="colResizable-1.6.min.js"></script>

  <script src="extensions/bootstrap-table-resizable.js"></script>






 

Bootstrap Table列宽拖动的方法

原文:https://www.cnblogs.com/legend-123/p/9478799.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!