html - 制表符表格特定样式

Question

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

overflow-x: hidden

一张桌子，不影响其他人。如何在不更改同一页面上其他表格的任何默认样式的情况下做到这一点？

Answer 1

上面的例子是正确的，你只需要将 ID 或 class 应用到保存 table 的 div 上，它会是：

HTML

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

JS

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

CSS

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

尽管我会警惕更改表格元素上的溢出等属性，但它们可能会导致意外行为。

Answer 2

您可以给该表一个id并将样式应用于id. 您可以执行以下操作：

样式.css

#custom_table{
 overflow-x: hidden;
}

索引.html

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

希望这对你有用。

Answer 3

只需将唯一的类添加到要应用样式的表标记中。

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

css

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