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;
}

 

Advertisements
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: