Bootstrap使用笔记

筅森魡賤 提交于 2020-03-23 16:21:02

一、Bootstrap Table列宽拖动的方法

Bootstrap Table可拖动列,需要用到它的Resizable扩展插件

需要引入 bootstrap-table扩展插件 bootstrap-table-resizable.js

这个插件还依赖于colResizable v1.6(下载地址: http://www.bacubacu.com/colresizable/ )

<script type="text/javascript" src="js/plugins/bootstrap-table-resizable/colResizable-1.6.js"></script>
<script type="text/javascript" src="js/plugins/bootstrap-table/extensions/resizable/bootstrap-table-resizable.js"></script>
<script type="text/javascript">
$(function(){    
    $("#tableId").colResizable({
        liveDrag:true, 
        gripInnerHtml:"<div class='grip'></div>", 
        draggingClass:"dragging", 
        resizeMode:'fit'
    });
});
</script>

具体可见bootstrap-table的官方文档链接: http://bootstrap-table.wenzhixin.net.cn/zh-cn/extensions/

二、Bootstrap 。。。。

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!