Datatables width problem with Twitter's Bootstrap 3

Datatables width problem with Twitter's Bootstrap 3

zanellizanelli Posts: 4Questions: 0Answers: 0
edited October 2013 in DataTables 1.9
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?

Replies

  • zanellizanelli Posts: 4Questions: 0Answers: 0
    edited October 2013
    Update: Here's my debug result: http://debug.datatables.net/emitiz
  • allanallan Posts: 63,381Questions: 1Answers: 10,449 Site admin
    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
  • zanellizanelli Posts: 4Questions: 0Answers: 0
    edited October 2013
    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.
  • allanallan Posts: 63,381Questions: 1Answers: 10,449 Site admin
    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
  • zanellizanelli Posts: 4Questions: 0Answers: 0
    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!
This discussion has been closed.