Responsive data tables with bootstrap 3

Giovanni

Hi all,
I am using comanche plug-in for responsive data tables that use Bootstrap 2.3.2

Does somebody have already implemented it with Bootstrap 3?

Thanks

Giovanni

allan

Does it work if you just use the DataTables Bootstrap 3 integration files: https://github.com/DataTables/Plugins/tree/master/integration/bootstrap/3

Allan

murtaza

Hi Allan,

comanche plug-in for responsive data tables is not working with Bootstrap 3. Pagination bar in the bottom right is misaligned vertically prepended with .dot like character. So .First, .Previous, .1, .2 etc comes vertically instead of all in a horizontal bar, Also because of this issue the data table is not responsive and we get horizontal scrolls. If we just replace the bootstrap.css of 2.3 it starts working. Please suggest what to do now? Your help is highly appreciated.

MattD

[quote]Giovanni said: I am using comanche plug-in for responsive data tables that use Bootstrap 2.3.2



Does somebody have already implemented it with Bootstrap 3?[/quote]

Did anyone ever resolve this? I'm looking to get the responsive bit working with Bootstrap 3. Thanks

murtaza

Hi MattD,

Giovanni said that he is using comanche plugin with Bootstrap 2.3. This itself says that he has tried with Bootstrap 3 and it was not working. Please someone provide the resolution as this is very annoying. We are not able to use the latest upgraded Bootstrap 3 with this plugin ultimately the only option left for us is to drop either one of them in our application. Really appreciate your quick response.

allan

I'll try to look at it as soon as I can, but that might not be for a week or so as I'm bogged down with other things to do. If you could link to a test case showing the problem that would be helpful.

Allan

victtorpb

I work with the bootstrap and 3 have the horizontal scroll bar. To solve the problem of pagination added to my style code below.

[code]


.dataTables_wrapper
.paginate_button,
.dataTables_wrapper
.paginate_active{
float:left;

}

div.dataTables_paginate {
float: left;
}


[/code]

It comes with a linebreak in the pagination.
If he is taking the style
[code]
.dataTables_wrapper
.paginate_button,
.dataTables_wrapper
.paginate_active{
float:left;
}

[/code]
without breaking, but with room left over.

Sorry my english

wellington1993

Extra Good Configs for Bootstrap:

http://devblog.rayonnant.net/2013/09/bootstrap-3-datatables-paging.html
http://devblog.rayonnant.net/search/label/Bootstrap
http://devblog.rayonnant.net/search/label/Boostrap%203