Datatables力宽表

Posted 2023-05-07

【中文标题】Datatables力宽表

【英文标题】：Datatables force width table

【发布时间】：2015-07-16 11:34:09

【问题描述】：

如何强制数据表的宽度？ Link to datatable example

我尝试创建一个固定宽度为 350 像素的表格，左列使用 20% 的宽度，数据表位于右列。这不起作用，因为数据表将表推到大于 350px 宽并且左列小于 20%

<table >
<tr>
    <td > Left TD <td>
    <td > Datatable </td>
</tr>
</table>

【参考方案1】：

以百分比使用宽度 例如

<table >
<tr>
    <td > Left TD <td>
    <td > Datatable </td>
</tr>
</table>

【参考方案2】：

<table  border="1">
<tr>
    <td > Left TD <td>
    <td > Datatable </td>
</tr>
</table>

使用width="350px" 和border="1" 会让它看起来不错。试试这个

【参考方案3】：

问题是页脚中的选择元素，设置它并根据您的需要进行调整

CSS

select
    width: 100%;

DEMO HERE

【参考方案4】：

你最好使用 css 来自定义你的表格，并处理宽度，最大宽度，最小宽度，...还要注意 datatable 将样式表应用于你的表格。您可以通过右键单击表格标题并单击“检查元素”来查看受影响的内容（在大多数导航器中都有此选项）。看到这篇应该回答你的问题的帖子：CSS: Truncate table cells, but fit as much as possible