Twig Template LightDom Recipe - paulmaclean/datatables.webcomponent GitHub Wiki

This recipe shows how you can use the standalone-ld distribution to incorporate datatables.webcomponent in a twig template. This would be similar for other PHP templating engines.

Here, we are setting the theme property to blank which will remove all default styles from the component. It would be up to the author to set the styles. Along with pureCSS, the default css includes a few overrides

{% block content %}
    <h4>Search Results</h4>

    <pmac-data-table
        theme=""
        data-ajax='{"url": "{{ route('some.route.data') }}"}'
        data-filterable='{"colIndexes":[1]}'
    ></pmac-data-table>

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