LightDom Standalone - paulmaclean/datatables.webcomponent GitHub Wiki

This package supplies a standalone-ld.js that forgoes the shadow dom encapsulation.

https://unpkg.com/@p_mac/datatables.webcomponent/dist/datatables.webcomponent-ld.js

Example View in Browser 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Standalone Example</title>
</head>
<body>
    <h2>Example Usage With Standalone Light Dom Script</h2>
    <style>
        table, input, select {
            background-color: lavender;
        }

        pmac-data-table .pure-form select {
            background-color: lavender;
            color: #000;
        }

        pmac-data-table .pure-button {
            background-color: mediumorchid;
            color: #fff;
        }

        pmac-data-table .pure-table thead {
            background-color: mediumpurple;
            color: #fff;
        }
    </style>
    <pmac-data-table
        data-ajax='{"url": "https://unpkg.com/@p_mac/datatables.webcomponent/test/support/data/generated.json"}'
        data-filterable='{"colIndexes":[5]}'
        data-summable='{"colIndexes":[2]}'
    ></pmac-data-table>

    <script src="https://unpkg.com/@p_mac/datatables.webcomponent/dist/datatables.webcomponent-ld.js"></script>
</body>
</html>
⚠️ **GitHub.com Fallback** ⚠️