datatables-bulma

DataTables styling for the Bulma CSS framework

Quick Start

Include the Bulma CSS, followed by the /css/dataTables.bulma.min.css file

<link rel="stylesheet" href="/old?u=https%3A%2F%2Fgithub.com%2Fcss%2Fbulma.min.css&y=1999">
<link rel="stylesheet" href="/old?u=https%3A%2F%2Fgithub.com%2Fcss%2FdataTables.bulma.min.css&y=1999" />

Include jQuery, DataTables and the /js/dataTables.bulma.min.js file

<script src="/old?u=https%3A%2F%2Fgithub.com%2Fjs%2Fjquery-3.1.1.min.js&y=1999"></script>
<script src="/old?u=https%3A%2F%2Fgithub.com%2Fjs%2Fjquery.dataTables.min.js&y=1999"></script>
<script src="/old?u=https%3A%2F%2Fgithub.com%2Fjs%2FdataTables.bulma.min.js&y=1999"></script>

Initialise DataTables as normal

<script type="text/javascript">
    $(selector).DataTable();
</script>

End Result

Extra

Include the Font Awesome icon set for the sorting arrows as shown in the above screenshot.

NPM

Install via npm:

npm install datatables-bulma