css variables

Datatables.webcomponent allows for some very basic styling changes via css variables. Changes can be made by setting the variables in the :root selector.

Defaults

--font-family: Arial, Helvetica, sans-serif;
--font-size: 16px;
--gutter: 10px;

Example: View in Browser

<style>
    :root {
        --font-family: "Comic Sans MS", cursive, sans-serif;
        --font-size: 14px;
        --gutter: 20px;
    }
</style>
<example-app></example-app>