为表格添加可调整列宽功能

Posted 2020-10-31 张丶七七

1、引入js架包

　　<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>    

　　<script src="js/colResizable-1.6.js" type="text/javascript"></script>　　（该jar包是为表格添加列宽自定义功能）

2、table页面内容
这里样式文件就随便写一个样式咯，要有边框哦！

　　<table id="contentTable"
　　class="">
　　　　<thead>
　　　　　　<tr>
　　　　　　　　<th>标题</th>
　　　　　　　　<th>类型</th>
　　　　　　　　<th class="sort-column login_name">状态</th>
　　　　　　　　<th class="sort-column name">查阅状态</th>
　　　　　　　　<th>更新时间</th>
　　　　　</tbody>
　　</table>

 

  4、js代码

　　<script type="text/javascript">

　　　　$(function() {

　　　　　　 $("table").colResizable();

　　　　 });

　　</script>

　这样为你的表单加上table样式，你的表格就可以自定义拉升大小了。

4、附上官网地址

　　jQuery插件来调整表列的大小

　　官网地址：http://www.bacubacu.com/colresizable/

 

 colResizable-1.6插件下载地址：https://download.csdn.net/download/oranxiaoluo/10352596