- 关于表格多行头部水平拖动
- Excel插入间隔行或间隔多行的方法
- 表格设置
- html-表格
- 高效办公技巧之拖动玩转Excel
- 【前端】-009-页面制作-HTML-表格标签
- HTML布局之路 表格表单
- 仿Excel表格——html拖动表格
- Excel小技巧:如何固定表格首列?
- 前端开发之HTML(标签-表格标签)
引入
jquery.js
和jq.resizableColumns.js
<table width="100%" class="table listext" data-resizable-columns-id="demo-table"> <thead> <tr> <th rowspan="1">序号</th> <th colspan="2">测试</th> <th colspan="2">测试2</th> </tr> <tr> <th width="6%">序</th> <th width="21%">标题</th> <th width="41%">内容</th> <th width="32%">说明</th> <th width="32%" data-noresize>说明</th> </tr> </thead> <tbody> ... </tbody> </table>
th设置data-noresize禁止拖动
初始化$("table").resizableColumns({});
网友评论