码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap Table列宽拖动的方法

时间:2018-08-15 00:02:00      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:git   ima   项目   客户   ref   span   zab   下载地址   .com   

  在之前做过的一个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列宽拖动的方法

标签:git   ima   项目   客户   ref   span   zab   下载地址   .com   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!