Bootstrap 3, Tfoot not aligned with the rest of the table if vertical scroll is added
Bootstrap 3, Tfoot not aligned with the rest of the table if vertical scroll is added
kristink
Posts: 3Questions: 1Answers: 0
I'm having an issue with DataTables. I'm also using Bootstrap 3 for my HTML table. The behaviour I want to achieve is this: http://www.datatables.net/release-datatables/extensions/FixedColumns/examples/bootstrap.html Except I would also like the last column to be frozen, as well as have a tfoot at the bottom.
I have tried doing everything as it is in the example but the contents in the ftoot are not properly lined up with the rest of the table and it looks like the rows in the first column are slightly pushed down by a bit. Here's a demo: http://jsbin.com/rumayurohide/1/edit
Have tested in IE, FF and Chrome and the table is not displaying properly in either so obviously there must be something I'm missing.
This discussion has been closed.
Answers
Anyone?
I think the problem is because the first cell of the tfoot is in a div called DTFC_LeftWrapper, the last cell is in a div called DTFC_RightFootWrapper and the cells in-between are in another separate div called dataTables_scrollFootInner. I'm assuming this is due to the first and last columns being frozen. So is there any way this could be solved?
Having the same issue. Still looking for a workaround.