Get started with tabellajs CDN

AGPL-3.0 licensed

Tabellajs is a lightweight library for working with HTML tables.

Tags:
  • javascript
  • responsive table
  • touch enabled

Stable version

Copied!

How to start using tabellajs CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with tabellajs CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tabella-tables@0.5.1/dist/css/tabella.min.css">
    <script src="https://cdn.cdnhub.io/tabellajs/0.5.1/tabella.min.js"></script>
</head>
<body>
    <div id="app">
        <table id="myTable">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Age</th>
                </tr>
            </thead>
            <tbody>
                <tr data-id="1">
                    <td>John Doe</td>
                    <td>30</td>
                </tr>
                <tr data-id="2">
                    <td>Jane Doe</td>
                    <td>25</td>
                </tr>
            </tbody>
        </table>
    </div>

    <script>
        const table = new Tabella({
            el: '#myTable',
            data: [
                { id: 1, name: 'John Doe', age: 30 },
                { id: 2, name: 'Jane Doe', age: 25 },
            ],
            columns: [
                { data: 'name' },
                { data: 'age' },
            ],
        });
    </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!

All versions