Tips and Tricks, Web DevelopmentDataTables 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

Comments

No Comments Yet. Be the first?

Post a comment

Your email address will not be published. Required fields are marked *