Forums

I am just beginning to play around with YUI3 and DataTable, so I've been following the examples, and I'm having a couple of issues when using DataTable in conjunction with the scrolling plugin.

I have set up an example here:
http://jsfiddle.net/accelerate/bJQP3/

The two issues:

1) When setting just a horizontal scrollbar, the header widths do not match the data widths. Am I setting something wrong here? The thing I'm trying for is a table of a set width, which may be narrower or wider than what the table normally would be without scrolling.

2) When using scroll with sort, whenever I do sort a column, the scrollbar disappears. Is this expected behavior?

Hi Dennis,

Did you ever find a solution to #1? I'm having the same issue.

It only occurs on columns with sortable set to true on a table with a scrollable width set. The arrow image showing how things are sorted seems to be causing the extra-wide header. Explicitly setting the col width makes the header width correct until you click on it to sort the column.

e.g., in the following code the Col1 header widths are correct, the Col3 header is too wide, and the Col2 header is correct until you click on it (making the little sort arrow image visible).


Any ideas on how to fix this are gratefully accepted.
Cheers,
Andrew