https://github.com/JDilleen/datatables-bulma

DataTables styling for the Bulma CSS framework
https://github.com/JDilleen/datatables-bulma

bulma bulma-css css datatables datatables-plugin javascript jquery

Last synced: 5 days ago
JSON representation

DataTables styling for the Bulma CSS framework

• Host: GitHub
• URL: https://github.com/JDilleen/datatables-bulma
• Owner: JDilleen
• License: mit
• Created: 2017-03-08T14:37:30.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-09-10T08:46:07.000Z (about 5 years ago)
• Last Synced: 2024-10-31T08:27:10.048Z (9 days ago)
• Topics: bulma, bulma-css, css, datatables, datatables-plugin, javascript, jquery
• Language: JavaScript
• Size: 14.6 KB
• Stars: 82
• Watchers: 6
• Forks: 23
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - JDilleen/datatables-bulma - DataTables styling for the Bulma CSS framework (jquery)

README

        
# 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

    

    

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

    

    

    

Initialise DataTables as normal

    

        $(selector).DataTable();

    

## End Result

![Styled DataTable](https://i.imgur.com/wh2yo85.png)

### Extra

Include the [Font Awesome](https://fontawesome.com/) icon set for the sorting arrows as shown in the above screenshot.

### NPM

Install via npm:

    npm install datatables-bulma