Test Environment:
  • Standards Mode causes the W3C Box Model, which may affect any width declarations you make in CSS (Width excludes padding, border, and margins). Learn more about Box Models.
Tests:
Each table column is set to a fixed width of 100px. The table itself does not have a width. Toggle a table width of 700px. Note that (in Firefox) the examples that do not include the scrolling feature will automatically expand the columns to fit the width of the table.

Standard, No Perks

Scrolling with Vertical Overflow (Header Should Remain at the Top when Scrolling)
  • Firefox header columns aren't aligned with body columns properly (See CSS Change #1).
  • Note: IE6 shows header inside scrollable content and remains fixed at the top.
  • Note: Firefox shows header above scrollable content and remains fixed at the top.
Top
Nested Column Headers
  • (No Additional Bugs)
Top
Sorting
  • Note: The first column will sort numerically, the others will sort as text. This is dependent on setting the type: 'number' in the ColumnSet AND the raw column data being numeric.
Top
Scrolling and Nested Column Headers
  • Bug: IE6 shows discoloration in non-nested header elements. (See CSS Change #2)
Top
Scrolling and Sorting
  • (No Additional Bugs)
Top
Nested Column Headers and Sorting
  • (No Additional Bugs)
Top
Scrolling, Nested Column Headers, and Sorting
  • (No Additional Bugs)
Top