2. Auto size
Automatic adding of new rows and columns by scroll
Automatic row pages
For automatic row pages it is required to set client root paging by <Cfg> Paging='2'. Here is also hidden default right pager by <Pager Visible='0'>.
The automatic row pages are set by <Cfg> AutoPages
='1'. It adds new row page on scroll near to grid bottom.
Length of page - count of added new rows is set by <Cfg> PageLength. Here is set to 10 rows.
It is possible to remove rendered pages (not their data) if they are not visible due scroll to reduce amount of HTML shown in browser. Here is set <Cfg> MaxPages='3' to let at least 3 pages.
Here it does not remove the left and right fixed columns in the removed pages by setting <Cfg> RemoveUnusedFixed='0'.
It is possible to remove all empty bottom pages if they are not scrolled to or focused. It removes them including data and shrinks the grid. The pages are removed after some time.
Set it by <Cfg> RemoveAutoPages
="1".
Automatic column pages
For automatic column pages it is required to set column paging by <Cfg> ColPaging='2'.
The automatic column pages are set by <Cfg> AutoColPages
='1'. It adds new column page on scroll near to grid right.
Length of page - count of added new columns is set by <Cfg> ColPageLength. Here is set to 10 columns.
Here can be first few columns rendered always without paging, set their count by <Cfg> ColPageMin. Here it is set 0 to let all columns to removed by MaxColPages.
It is possible to remove rendered pages (not their data) if they are not visible due scroll to reduce amount of HTML shown in browser. Here is set <Cfg> MaxColPages='3' to let at least 3 pages.
Here it always shows the head and foot rows in all the column pages by setting <Cfg> ColPagingFixed='0'.
It is possible to remove all empty right pages if they are not scrolled to or focused. It removes them including data and shrinks the grid. The pages are removed after some time.
Set it by <Cfg> RemoveAutoColPages
="1".
Other features
Standard number row index shown in new left column named "Index", for all rows except deleted. It is set by <Cfg RowIndex="Index" RowIndexType="6"/>.
Standard character column index shown in main header, for all columns except deleted. It is set by <Cfg ColIndex="Header" ColIndexType="6" ColIndexChars="ABCDEFGHIJKLMNOPQRSTUVWXYZ"/>
Here the column and row SelectAll button on header and index panel is a switch showing if all rows and columns are selected. It is set by <Cfg> SelectAllType='31'.
Cell range can be focused by mouse dragging. It is set by <Cfg> FocusRect='5'.
Enter moves cursor down. It is set by <Cfg> EnterMode='1'.
All actions can be undone, including focus and scroll. It is set by <Cfg> Undo='79'.
Other standard row and column manipulation as in the tutorial 01-Index.html.