datatables-rails-bs3
This gem packages the jQuery DataTables plugin for easy use with the Rails 3.1+ asset pipleine.
It provides all the basic DataTables files, and a few of the extras.
Twitter Bootstrap 3 Installation
-
Add to your Gemfile:
gem 'datatables-rails-bs3' -
Install the gem:
bundle install -
Add the JavaScript to
application.js://= require dataTables/jquery.dataTables //= require dataTables/jquery.dataTables.bootstrap -
Add the stylesheets to
application.css:*= require dataTables/jquery.dataTables.bootstrap -
Initialize your datatables using one of these options:
// Default Type
$('.datatable').dataTable({
"sPaginationType": "bs_normal"
});// Two Buttons
$('.datatable').dataTable({
"sPaginationType": "bs_two_button"
});// Four Buttons
$('.datatable').dataTable({
"sPaginationType": "bs_four_button"
});// Full
$('.datatable').dataTable({
"sPaginationType": "bs_full"
});Plugins
Only a few plugins are currently available
- api
- fnReloadAjax
- fnGetColumnData
- fnFilterOnReturn
- fnSetFilteringDelay
- sorting
- numbersHtml
- typeDetection
- numberHtml
These files can be found in the assets directory.
Extras
Only the official extras are available:
- AutoFill
- ColReorder
- ColVis
- FixedColumns
- FixedHeader
- KeyTable
- Scroller
- TableTools
To add an extra into your application, add its JS file to application.js using the following pattern:
//= require dataTables/extras/[ExtraName]
Additionally, you may need to add any associated CSS files. For instance the TableTools extra requires
you to add the following two lines to your application.css file:
*= require dataTables/extras/TableTools
*= require dataTables/extras/TableTools_JUI
Make sure to also add it's initialization as described on datatables extras' site
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent