Twitter Bootstrap 2 and DataTables with Multiple-select
Twitter Bootstrap 2 and DataTables with Multiple-select
Hi Guys,
Really am pleased that Twitter Bootstrap is supported with DataTables - makes for a very powerful toolkit.
I just have one query. I'm using DataTables 1.9.2, TableTools and DataTables Editable but I can't seem to allow multiple selecting on the grid.
Here's my code:
[code]
$('#mappings').dataTable( {
"sDom": "<'row'<'span6'l><'span5'f>r>t<'row'<'span11'p>>",
"sPaginationType": "bootstrap",
"oTableTools": {
"sRowSelect": "multi",
"aButtons": ["select_all", "select_none"]
},
"oLanguage": {
"sLengthMenu": "_MENU_ records per page"
},
"bProcessing": true,
"sAjaxSource": "/ui/user_map_feed",
"aaSorting": [ [1,'asc'] ],
"aoColumns": [
{bVisible: false}, { sWidth: '50%'}, {sWidth: '50%'}
]
} );
...
[/code]
The Select All and Select None buttons do not display and you are still only able to select one row at a time. Am I missing something or is this not supported with Bootstrap ?
Thanks for your help,
Tim
Really am pleased that Twitter Bootstrap is supported with DataTables - makes for a very powerful toolkit.
I just have one query. I'm using DataTables 1.9.2, TableTools and DataTables Editable but I can't seem to allow multiple selecting on the grid.
Here's my code:
[code]
$('#mappings').dataTable( {
"sDom": "<'row'<'span6'l><'span5'f>r>t<'row'<'span11'p>>",
"sPaginationType": "bootstrap",
"oTableTools": {
"sRowSelect": "multi",
"aButtons": ["select_all", "select_none"]
},
"oLanguage": {
"sLengthMenu": "_MENU_ records per page"
},
"bProcessing": true,
"sAjaxSource": "/ui/user_map_feed",
"aaSorting": [ [1,'asc'] ],
"aoColumns": [
{bVisible: false}, { sWidth: '50%'}, {sWidth: '50%'}
]
} );
...
[/code]
The Select All and Select None buttons do not display and you are still only able to select one row at a time. Am I missing something or is this not supported with Bootstrap ?
Thanks for your help,
Tim
This discussion has been closed.
Replies
Is it Editor that you are using ( http://editor.datatables.net )? There is an example of Bootstrap integration here: http://editor.datatables.net/release/DataTables/extras/Editor/examples/bootstrap.html . It would be best to pick up the latest Bootstrap integration files from here: https://github.com/DataTables/Plugins/tree/master/integration/bootstrap as well.
Allan
I'm not using Editor, although I plan to for my next project.
I didn't realise about the integration files - I will try and give this a go.
Thanks!
I've included the integration CSS and JS but still no joy with the multiple select support. Single select works perfectly.
Do you have any other ideas?
Many thanks,
Tim
I know it's been a while but I wondered if you could assist me with this and I would be very happy to make a donation to the project if we can get it working?
Thanks,
Tim