Home > Tips and Tricks, Web Development > DataTables with Twitter Bootstrap FixedColumns not working

DataTables with Twitter Bootstrap FixedColumns not working

DataTables integrates very well with Twitter Bootstrap and the results look amazing.

I was tinkering with the two and ran into a problem when using the FixedColumns plugin.

Whenever I used bootstrap.css, the horizontal scroll bar would disappear.

After searching around for a long time, found that bootstrap table property of max-width is the culprit.

So just disable that property in bootstrap.css and the horizontal scroll should start working

table {
 /* max-width: 100%; */
 background-color: transparent;
 border-collapse: collapse;
 border-spacing: 0;
}

 

Categories: Tips and Tricks, Web Development Tags:
  1. No comments yet.
  1. No trackbacks yet.