Bootstrap使用笔记

一、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 。。。。

 

posted @ 2020-03-23 15:54  QianTM  阅读(350)  评论(0编辑  收藏  举报