Get started with tabulator-tables CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with tabulator-tables CDN - cdnhub.io</title>
    <link href="https://cdn.jsdelivr.net/npm/tabulator-tables@5.6.1/css/tabulator.min.css" rel="stylesheet">
</head>
<body>
    <div id="example-table"></div>

    <script src="https://cdn.jsdelivr.net/npm/tabulator-tables@5.6.1/js/tabulator.min.js"></script>

    <script>
        // Create a new Tabulator table
        const table = new Tabulator("#example-table", {
            columns: [
                { title: "Name", field: "name" },
                { title: "Age", field: "age" },
                { title: "City", field: "city" },
            ],
            data: [
                { name: "John Doe", age: 30, city: "New York" },
                { name: "Jane Doe", age: 25, city: "Los Angeles" },
                { name: "Bob Smith", age: 45, city: "Chicago" },
            ],
        });

        // Render the table
        table.render();
    </script>
</body>
</html>

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator.min.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator.min.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bootstrap3.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bootstrap3.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bootstrap3.min.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bootstrap3.min.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bootstrap4.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bootstrap4.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bootstrap4.min.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bootstrap4.min.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bootstrap5.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bootstrap5.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bootstrap5.min.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bootstrap5.min.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bulma.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bulma.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bulma.min.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_bulma.min.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_materialize.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_materialize.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_materialize.min.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_materialize.min.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_midnight.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_midnight.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_midnight.min.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_midnight.min.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_modern.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_modern.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_modern.min.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_modern.min.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_semanticui.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_semanticui.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_semanticui.min.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_semanticui.min.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_simple.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_simple.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_simple.min.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_simple.min.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_site.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_site.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_site.min.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_site.min.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_site_dark.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_site_dark.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_site_dark.min.css Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/css/tabulator_site_dark.min.css.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/js/jquery_wrapper.js Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/js/jquery_wrapper.min.js Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/js/tabulator.js Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/js/tabulator.js.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/js/tabulator.min.js Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/js/tabulator.min.js.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/js/tabulator_esm.js Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/js/tabulator_esm.js.map Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/js/tabulator_esm.min.js Copied!

https://cdn.cdnhub.io/tabulator-tables/6.2.5/js/tabulator_esm.min.js.map Copied!

Get started with tabulator-tables CDN

Stable version

How to start using tabulator-tables CDN

All versions