调整数据表的宽度和填充

Posted 2023-05-07

【中文标题】调整数据表的宽度和填充

【英文标题】：Adjust width and padding of data tables

【发布时间】：2013-01-17 14:14:15

【问题描述】：

我有大约 6 个填充或宽度不同的表。当我不使用数据表时，它们的填充和宽度是内联设置的。现在内联不起作用。

数据表：http://datatables.net/index

我现在该怎么办？

我只需要能够在数据表中添加一些内联填充和宽度，或者我可以给这些表一个类名，然后给它们填充和宽度。

问题是内联样式不适用于数据表。

使用此代码：

            <table  class="datatable display " border="0" cellpadding="0" cellspacing="1"style="width: 87%;margin: -1px 0 14px 27px;">
                <thead>
                    <tr>
                    <th>Name</th>
                    <th>DOB</th>
                    <th>Age</th>
                    <th>Sex</th>
                    <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                </tbody>
            </table>

结果如下：

由于边距和宽度，它无法正确显示。

【问题讨论】：

zzzzzzzz..... 代码，好吗？

【参考方案1】：

你检查过这个吗？ Datatables Custom styling

【讨论】：

我不想初始化很多次来调整它们的宽度或填充。

可以添加外部样式。

唯一可用于更改 css 的类是 dataTables_wrapper，我无法创建新的。我需要为不同的表格设置不同的宽度和填充。

您是否在一页上显示所有表格？

在某些情况下，一页中有两个表格，但在选项卡上。