Auto Column Sizing Example

Plugin Options:

GridAutosizeColsMode
viewportSwitchToScrollModeWidthPercent
viewportMinWidthPx
viewportMaxWidthPx
autosizeColPaddingPx
autosizeTextAvgToMWidthRatio

Column Options:

'Locked' and 'Guide' use column width. Others will use content. When retrieving content values for a column, the first defined of the following will be used:

 Column 1 (#)
autosizeMode
rowSelectionMode   rowSelectionCount
valueFilterMode
widthEvalMode
ignoreHeaderText
sizeToRemaining
allowAddlPercent
colValueArray
(input as comma separated list)
column.width
(blank = leave unchanged)
 Column 2 (Title)
autosizeMode
rowSelectionMode   rowSelectionCount
valueFilterMode
widthEvalMode
ignoreHeaderText
sizeToRemaining
allowAddlPercent
colValueArray
(input as comma separated list)
column.width
(blank = leave unchanged)
 Column 3 (Duration)
autosizeMode
rowSelectionMode   rowSelectionCount
valueFilterMode
widthEvalMode
ignoreHeaderText
sizeToRemaining
allowAddlPercent
colValueArray
(input as comma separated list)
column.width
(blank = leave unchanged)
 Column 4 (Random Word)
autosizeMode
rowSelectionMode   rowSelectionCount
valueFilterMode
widthEvalMode
ignoreHeaderText
sizeToRemaining
allowAddlPercent
colValueArray
(input as comma separated list)
column.width
(blank = leave unchanged)
 Column 5 (% Complete)
autosizeMode
rowSelectionMode   rowSelectionCount
valueFilterMode
widthEvalMode
ignoreHeaderText
sizeToRemaining
allowAddlPercent
colValueArray
(input as comma separated list)
column.width
(blank = leave unchanged)
 Column 6 (Start)
autosizeMode
rowSelectionMode   rowSelectionCount
valueFilterMode
widthEvalMode
ignoreHeaderText
sizeToRemaining
allowAddlPercent
colValueArray
(input as comma separated list)
column.width
(blank = leave unchanged)
 Column 7 (Effort Driven)
autosizeMode
rowSelectionMode   rowSelectionCount
valueFilterMode
widthEvalMode
ignoreHeaderText
sizeToRemaining
allowAddlPercent
colValueArray
(input as comma separated list)
column.width
(blank = leave unchanged)
 Column 8 (Random Text)
autosizeMode
rowSelectionMode   rowSelectionCount
valueFilterMode
widthEvalMode
ignoreHeaderText
sizeToRemaining
allowAddlPercent
colValueArray
(input as comma separated list)
column.width
(blank = leave unchanged)

Test Grid

Time taken = -
Viewport width before = -
Viewport width after = -
(limits -)
Warning: this example has 500,000 rows, so badly optimised column width tests (ie. checking all rows) may take 100 seconds per column. If it looks like the page has crashed, just wait a while!

View Source: