# datatables-bulma

DataTables styling for the Bulma CSS framework

## Quick Start
Include the [Bulma](http://bulma.io/) CSS, followed by the /css/dataTables.bulma.min.css file

    <link rel="stylesheet" href="/css/bulma.min.css">
    <link rel="stylesheet" href="/css/dataTables.bulma.min.css" />

Include [jQuery](https://jquery.com/), [DataTables](https://datatables.net/) and the /js/dataTables.bulma.min.js file

    <script src="/js/jquery-3.1.1.min.js"></script>
    <script src="/js/jquery.dataTables.min.js"></script>
    <script src="/js/dataTables.bulma.min.js"></script>

Initialise DataTables as normal

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

## End Result
![Styled DataTable](https://jdilleen.me/includes/img/bulma.png)

### Extra
Include the [Font Awesome](http://http://fontawesome.io/) icon set for the sorting arrows as shown in the above screenshot.

### NPM
Install via npm:

    npm install datatables-bulma