datatables - 使th标题单元格包装单词

Question

我正在使用数据表，我想知道是否有一个选项可以使标题包装。

我使用紧凑型显示器

问题是，有些javascript将表头单元格的宽度设置为固定的像素数。

所以我想：

<br/>

标题中的

编辑：添加{{1}}标记的问题是列的宽度保持完全相同，但我希望它们变得更小，宽度更小，请参见此处： / p>

Answer 1

在表格标题中使用换行符<br>：

<table id="example" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>fees<br>covered</th>
            <th>name<br>shown</th>
            <th>amount<br>shown</th>
        </tr>
    </thead>
</table>

请参阅this jsFiddle以获取代码和演示。

Answer 2

根据您的表的初始化方式，您可以在title定义中使用columns键的修改：

"title": "Your Title".split(" ").join("<br/>"), // Your<br/>Title

Example JSFiddle here