欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Bootstrap使用笔记

程序员文章站 2022-07-06 12:34:53
一、Bootstrap Table列宽拖动的方法 Bootstrap Table可拖动列,需要用到它的Resizable扩展插件 需要引入 bootstrap-table扩展插件 bootstrap-table-resizable.js 这个插件还依赖于colResizable v1.6(下载地址: ......

一、bootstrap table列宽拖动的方法

bootstrap table可拖动列,需要用到它的resizable扩展插件

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

这个插件还依赖于colresizable v1.6(下载地址:  )

<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的官方文档链接: 

Bootstrap使用笔记

二、bootstrap 。。。。