htmlcsstabulatorcustom-formatting

Tabulator table specific styling

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?

Solution

  • 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.