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

2018-07-04  本文已影响0人  楚阿吉

引入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({});
上一篇 下一篇

猜你喜欢

热点阅读