Datatables width problem with Twitter's Bootstrap 3

zanelli

I've been using dataTables 1.9 with Twitter's Bootstrap 2.3 normally, but after updated to 3.0 version the widths of the columns are messy.
Here's a print of the table: https://docs.google.com/file/d/0B2NaGF7OauWrcElGWnB3R05oalE/edit?usp=sharing

I don't know why this is happening, since the bootstrap 2.3 it was working fine.
It's kinda hard to me post a link to my code, since I loading data by ajax request.

Anyone has passed by this while migrating from Twitter's Bootstrap 2.3 to 3.0?

zanelli

Update: Here's my debug result: http://debug.datatables.net/emitiz

allan

Have you updated to the DataTables Bootstrap 3 integration files? https://github.com/DataTables/Plugins/tree/master/integration/bootstrap/3 .

If so and it still isn't working, please link to a test case.

Allan

zanelli

I tried this Allan, but the example is made using the Bootstrap 3.0 RC2, I think they changed some things since them.

If I find something I'll post here.

allan

Would be great if you could link to a test case showing the issue. The integration libraries I linked to should work fine with Bootstrap 3.0.0 release.

Allan

zanelli

I found the root of the problem. It was when the DataTables makes a clone of the header and footer, by some reason he can't recover the correct width value from the original columns.

I fixed the problem removing the X scrolling and doing it by pure CSS. Worked well to me and solved the problem.

Thanks for helping!