GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → JDilleen → datatables-bulma

JDilleen / datatables-bulma

Licence: MIT license
DataTables styling for the Bulma CSS framework

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

cssjquerydatatablesbulmabulma-cssdatatables-plugin

Projects that are alternatives of or similar to datatables-bulma

capsule
A Hugo theme based on the CSS-only Bulma framework.
Stars: ✭ 20 (-75%)
Mutual labels:  bulma, bulma-css
laravel-datatables-fractal
Laravel DataTables Fractal Plugin.
Stars: ✭ 94 (+17.5%)
Mutual labels:  datatables, datatables-plugin
bulma-prefers-dark
Bulma prefers dark theme
Stars: ✭ 169 (+111.25%)
Mutual labels:  bulma, bulma-css
Vinetos.fr
The website of Vinetos
Stars: ✭ 14 (-82.5%)
Mutual labels:  bulma, bulma-css
datatables.mark.js
A DataTables plugin for mark.js to highlight search terms in tables
Stars: ✭ 44 (-45%)
Mutual labels:  datatables, datatables-plugin
personal-website
My personal website
Stars: ✭ 117 (+46.25%)
Mutual labels:  bulma, bulma-css
Bulma Templates
free flexbox templates built with the bulma css framework
Stars: ✭ 2,916 (+3545%)
Mutual labels:  bulma, bulma-css
Bulma.io-axure
AxureRP Library with Bulma.io components
Stars: ✭ 90 (+12.5%)
Mutual labels:  bulma, bulma-css
admin-two-vue-bulma-dashboard
Free Vue.js Bulma Buefy Admin Dashboard Template. Vite & Vue CLI supported
Stars: ✭ 68 (-15%)
Mutual labels:  bulma, bulma-css
react-datatable
React-datatable is a component which provide ability to create multifunctional table using single component like jQuery Datatable. It's fully customizable and easy to integrate in any react component. Bootstrap compatible.
Stars: ✭ 72 (-10%)
Mutual labels:  datatables, datatables-plugin
bulma-responsive-tables
Responsive tables component for Bulma CSS framework
Stars: ✭ 30 (-62.5%)
Mutual labels:  bulma, bulma-css
vue-portfolio
💼 Portfolio built with Vue and Bulma
Stars: ✭ 13 (-83.75%)
Mutual labels:  bulma, bulma-css
awesome-bulma
🎉 A curated list of awesome things related to Bulma CSS Framework
Stars: ✭ 116 (+45%)
Mutual labels:  bulma, bulma-css
gatsby-starter-i18n-bulma
A gatsby multilanguage template with bulma and i18n: it is a work in progress...
Stars: ✭ 22 (-72.5%)
Mutual labels:  bulma, bulma-css
admin-one-nuxt
Admin One Nuxt - Nuxt.js Bulma Buefy admin dashboard
Stars: ✭ 23 (-71.25%)
Mutual labels:  bulma, bulma-css
admin-null-nuxt
Admin Null — Free Nuxt Bulma Admin Dashboard (with dark mode)
Stars: ✭ 39 (-51.25%)
Mutual labels:  bulma, bulma-css
Bootstrap Table
An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
Stars: ✭ 11,068 (+13735%)
Mutual labels:  datatables, bulma
ColReorderWithResize
Column reordering and resizing plug-in for DataTables
Stars: ✭ 41 (-48.75%)
Mutual labels:  datatables, datatables-plugin
jQuery-datatable-server-side-net-core
A simple Visual Studio solution using jQuery DataTable with Server-Side processing using .NET 5
Stars: ✭ 71 (-11.25%)
Mutual labels:  datatables, datatables-plugin
balance
A laravel finance application for everyday use
Stars: ✭ 23 (-71.25%)
Mutual labels:  bulma
View All Similar Projects ➔

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="https://github.com/css/bulma.min.css">
<link rel="stylesheet" href="https://github.com/css/dataTables.bulma.min.css" />

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

<script src="https://github.com/js/jquery-3.1.1.min.js"></script>
<script src="https://github.com/js/jquery.dataTables.min.js"></script>
<script src="https://github.com/js/dataTables.bulma.min.js"></script>

Initialise DataTables as normal

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

End Result

Styled DataTable

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].