制表符 table 特定样式

Question

我在单个 HTML 页面中有 3 个制表符 table。我想添加具有特定样式的自定义 class 或添加自定义样式。例如

overflow-x: hidden

一个 table 并且不影响其他人。我怎样才能在不更改同一页面上其他 table 的任何默认样式的情况下做到这一点？

Answer 1

您可以给 table 一个 id 并将样式应用于 id。你可以这样做：

style.css

#custom_table{
 overflow-x: hidden;
}

index.html

<table id="custom_table"></table>

希望这对你有用。

Answer 2

只需将独特的 class 添加到要应用样式的 table 标签。

<table class="custom-table">
   <table>
      <table>
      </table>
   </table>
</table>

css

.custom-table {
   overflow-x:hidden;
}

Answer 3

以上示例是正确的，您只需将 ID 或 class 应用到持有 table 的 div 即可：

HTML

<div id="table-1"></div>

JS

var table = new Tabulator("#table-1",{...});

CSS

#table-1{
    ///your styles here
}

虽然我会小心更改 table 元素上的溢出等属性，但它们可能会导致意外行为。

Tabulator table specific styling