dataTables 在单元格中自动换行答案

【问题标题】：dataTables automatic linebreak in celldataTables 在单元格中自动换行
【发布时间】：2014-09-23 12:09:46
【问题描述】：

我有一个带有数据表的 boostrap 模式。我有一个问题，即内容没有空格或换行符的单元格会增加模态表之外的表格宽度。

我该如何解决这个问题？见下图

【问题讨论】：

标签： jquery html twitter-bootstrap datatables

【解决方案1】：

尝试将以下 css 应用于单元格：

word-break:break-all;

查看JSFIDDLE

如果这对您不起作用...尝试使用 white-space

white-space: normal;

【讨论】：

有没有办法用 dataTables api 做到这一点？我通过循环调用添加我的行：oDetailsTableAPI.row.add([value.key, value.value]).draw();
检查默认样式选项：datatables.net/manual/styling/classes
您也可以在数据表初始化时将类应用于特定列……在参数列（或 aoColumns）内，根据 DT 版本分配参数类（或 sClass）。在此处搜索 sClass 以获取实时示例 legacy.datatables.net/usage/columns

【解决方案2】：

将white-space:normal; 样式添加到Varde 列。

<table class="datatable-init table table-striped table-bordered" style="width:100%">
    <thead>
        <tr>
        <th>Detaij</th>
        <th>Varde</th>
        </tr>
    <thead>
 <tbody>
   <tr>
     <td></td>
     <td style="white-space:normal;"></td>
   </tr>
 </tbody>
</table>

【讨论】：