Таблица табулятора спецификация c стиль

Question

У меня есть 3 таблицы табуляторов на одной странице HTML. Я хочу добавить пользовательский класс с указанным стилем c или добавить пользовательский стиль. Например,

overflow-x: hidden

за одним столом и не влияет на другие. Как я могу это сделать, не меняя стили по умолчанию для других таблиц на той же странице?

Answer 1

Приведенные выше примеры верны, вам просто нужно применить идентификатор или класс к div, содержащему таблицу, вместо этого:

HTML

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

JS

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

CSS

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

Хотя я бы с осторожностью отнесся к изменению свойств, таких как переполнение элемента таблицы, они, вероятно, приведут к неожиданному поведению.

Answer 2

просто добавьте уникальный класс в тег таблицы, в котором вы хотите применить стиль.

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

css

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

Answer 3

Вы можете присвоить этой таблице id и применить стиль к id. Вы можете сделать что-то вроде:

стиль. css

#custom_table{
 overflow-x: hidden;
}

index. html

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

Надеюсь, это работает для вас.