减少dataTable tr高度

Question

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

我试过了：

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

JSFiddle

Answer 1

tr没有身高。

您必须将height应用于其td

Click here to see the fiddle

Answer 2

CSS＆＃39; padding也可以做到这一点 - 在这里看一下这个example。这来自this论坛讨论。

Answer 3

在CSS中设置：

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

这些DataTable选项会让它变得更好：

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