当前位置: 移动技术网 > IT编程>开发语言>JavaScript > Bootstrap使用笔记

Bootstrap使用笔记

2020年03月24日  | 移动技术网IT编程  | 我要评论

突然想爱你伴奏,k446,让子弹飞2

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

 

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网