Tabulator table specific styling

Question

I have 3 tabulator tables in a single HTML page. I want to add a custom class with a specific styling or add a custom styling. E.g.

overflow-x: hidden

to one table and not affecting others. How can I do that without changing any default styling of other tables on the same page?

Answer 1

The above examples are correct, you just need to apply the ID or class to the div holding the table instead so it would be:

HTML

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

JS

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

CSS

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

Though i would be wary about changing properties like overflow on the table element, they will likely result in unexpected behaviour.