Datatables力宽表答案

【问题标题】：Datatables force width tableDatatables力宽表
【发布时间】：2015-07-16 11:34:09
【问题描述】：

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

<table width="350">
<tr>
    <td width="20%"> Left TD <td>
    <td width="80%"> Datatable </td>
</tr>
</table>

【问题讨论】：

标签： jquery css datatables

【解决方案1】：

以百分比使用宽度例如

<table width="100%">
<tr>
    <td width="20%"> Left TD <td>
    <td width="80%"> Datatable </td>
</tr>
</table>

【讨论】：

【解决方案2】：

<table width="350px" border="1">
<tr>
    <td width="20%"> Left TD <td>
    <td width="80%"> 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

【讨论】：