减少dataTable tr高度答案

【问题标题】：Reduce dataTable tr height减少dataTable tr高度
【发布时间】：2014-11-01 22:27:04
【问题描述】：

我正在使用 dataTable jquery 插件。
我需要减少行的高度，我该怎么做？（我需要一个固定的高度）

我试过了：

.dataTables tbody tr {
    min-height: 35px; /* or whatever height you need to make them all consistent */
}

【问题讨论】：

【解决方案1】：

tr 没有高度。

您必须将height 应用于其tds

【讨论】：

【解决方案2】：

CSS 的padding 也可以解决问题 - 在这里查看example。这来自this论坛讨论。

【讨论】：

【解决方案3】：

在你的 CSS 中设置：

<style>
    td {
        white-space: nowrap;
        max-width: 100%;
    }
</style>

这些 DataTable 选项将使它变得更好：

scrollY: "530px",
scrollX: true,
scrollCollapse: true,

【讨论】：

【解决方案4】：

像这样更改 td 填充 CSS：

table.dataTable tbody th, table.dataTable tbody td {
        padding: 1px 1px; 
}

【讨论】：