关于表格多行头部水平拖动

引入jquery.jsjq.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({});
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容