DataTable设置列表的宽度

最新推荐文章于 2025-09-10 21:34:11 发布

原创最新推荐文章于 2025-09-10 21:34:11 发布 · 1.1w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#DataTable #设置表的宽度

插件专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用 CSS 设置 DataTables 列表项的宽度，并提供了一个 HTML 示例代码。通过 CSS 选择器定位到表格元素并指定宽度属性，实现特定列的宽度控制。

地址：http://datatables.club/reference/option/dom.html

http://datatables.club/example/basic_init/dom.html

设置列表的宽度

.xftb table tbody tr:first-child td:first-child {
	width: 400px;
}

我得html写法

<body>
	<div class="xftb">
		<table id="XfbsTable">
		<thead>
        <tr>
            <th>信访标识</th>
            <th>采集开始时间</th>
            <th>采集结束时间</th>
            <th>信访形式代码</th>
            <th>信访形式名称</th>
            <th>入库状态</th>
        </tr>
    </thead>
		</table>
	</div>
</body>