Inconsistent column widths with infinite scrolling and server side data
Inconsistent column widths with infinite scrolling and server side data
rheicide
Posts: 1Questions: 0Answers: 0
I'm using a datatable in a jQuery dialog, initialize it with infinite scrolling and load data from server.
The column widths do not stay the same as additional data are added to the table, which I think is normal as the length of data inside those columns change. However, I want their width to be consistent so that users feel more comfortable about the UI.
I've tried setting bAutoWidth to false and defining column widths in aoColumnDefs (and same widths for the th elements as well) but the inconsistency is still there.
Then I set CSS table-layout to "fixed" for the table and word-wrap to "break-work" for the td elements, this time the column widths are consistent, the table looks fine in most browsers except IE: there is a horizontal scroll bar at the bottom, which can be scrolled only a little bit to the right. I increased the width of the table to see if that was because it was too narrow, but that didn't work.
For now I'm not using the "fixed" table-layout and allowing the column to wiggle a bit but it would be nice if they are consistent.
Has anyone here had the solution for this? Thank you in advance.
The column widths do not stay the same as additional data are added to the table, which I think is normal as the length of data inside those columns change. However, I want their width to be consistent so that users feel more comfortable about the UI.
I've tried setting bAutoWidth to false and defining column widths in aoColumnDefs (and same widths for the th elements as well) but the inconsistency is still there.
Then I set CSS table-layout to "fixed" for the table and word-wrap to "break-work" for the td elements, this time the column widths are consistent, the table looks fine in most browsers except IE: there is a horizontal scroll bar at the bottom, which can be scrolled only a little bit to the right. I increased the width of the table to see if that was because it was too narrow, but that didn't work.
For now I'm not using the "fixed" table-layout and allowing the column to wiggle a bit but it would be nice if they are consistent.
Has anyone here had the solution for this? Thank you in advance.
This discussion has been closed.
Replies
Allan