datatables - 使第 th 个标题单元格包含单词

标签 datatables

我正在使用数据表,想知道是否有一个选项可以使 header 换行。

我用的是紧凑型显示器

enter image description here

问题是,一些 javascript 将表格标题单元格的宽度设置为固定的像素数。

所以我想:

fees
covered

name
shown


amount
shown

在标题中

编辑:添加 <br/> 的问题标记是列的宽度保持完全相同,但我希望它们变得更小,宽度更小,请参见此处:

enter image description here

最佳答案

使用换行符 <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用于代码和演示。

关于datatables - 使第 th 个标题单元格包含单词,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36636763/

相关文章:

javascript - 在链接中使用行号的数据表

javascript - 使用 knitr 在 R 中为 html 创建条件格式化表

css - 如何更改 jquery 数据表导出按钮的字体系列

javascript - jQuery DataTables 单元格样式

r - DataTables 也应用列格式来过滤

javascript - dataTable 在筛选数据时防止列大小调整

jquery - 在 jQuery Datatable 中使用 TableTools 生成 Excel 时隐藏列 - Datatables.net

css - DataTable 和 Bootstrap 4.2.1 格式化显示条目和搜索

javascript - 更改数据表中特定列的颜色

javascript - 如何修复 Datatables 语言插件不工作?