FXB Grid

a-million-rows-of-data Example of the grid with 1,000,000 rows of data
cell-editing Example of extending the grid to handle cell editing
cell-highlight-post-render Example of highlighting cells using post-rendering
cell-hyperlinks-1 Example of putting hyperlinks into cells by rendering an <a> tag
cell-hyperlinks-2 Example of putting hyperlinks into cells using a format:{} specification
cell-hyperlinks-3 Example of putting hyperlinks into cells using onCellClick
cell-selection Example of cell selection
cell-selection-range Example of cell-range selection
check-boxes-1 Example of adding check boxes to cells
check-boxes-2 Example of using check boxes to set/indicate row selection
clipboard Example of programmatic copy to clipboard
column-drag Example of draggable (re-orderable) columns
combo-boxes Example of adding combo boxes to cells
compare-to-averages Example of colour-coding values compared to the averages for their column
convert-table-to-grid Example of converting a table to a grid
drag-and-drop-between-grids Example of extending the grid to handle drag and drop between separate grids
edit-mode-mobile-style Example of a mobile-style Edit mode, where a drag icon and delete button are only displayed in edit mode
filter-custom Example of a custom filter operation: an ends-with filter (handled by a browser prompt)
filters Example of filtering options, with pre-populated conditions
fixed-columns-left Example of columns fixed to left of grid
fixed-columns-left-right Example of columns fixed to left and right of grid
footer-row Example of a footer row, including standard operators such as \"sum\" and a custom renderer to put a button into a column
frozen-rows Example of extending the grid to display frozen rows
group-headers-custom Example of custom group headers
group-totals-1 Example of grouping totals, with display options
group-totals-2 Example of grouping totals, with colour-coding compared to averages
grouping Example of grouping options
icon-override Example of overriding the grid's standard icons
images-1 Example of images in cells via row __cssClass
images-2 Example of images in cells via post-rendering
individual-row-heights-1 Example of different heights for each row (via __height metadata)
individual-row-heights-2 Example of different heights for each row (varying on user selection)
lazy-loading Example of adding lazy loading / infinite scroll to the grid, using simulation of collecting data from a server
merged-cells-horizontal Example of merging cells horizontally
merged-cells-vertical Example of merging cells vertically
multi-sort Example of multi-column sort
paging Example of adding paging to the grid, using simulation of collecting data from a server
parent-and-child-1 Example of parent and child rows, using Rebind()
parent-and-child-2 Example of parent and child rows using __height=0
percentage-bar-1 Example of a percentage bar in a cell by setting a background image on the cell container
percentage-bar-2 Example of a percentage bar in a cell by appending a background element into the cell
priority-sort Example of __prioritySort metadata
responsive-columns Example of responsive column options: different selections of columns visible depending on the dimensions of the grid's container
responsive-fonts-and-row-heights Example of rowHeight changing based on window size
right-to-left Example of the grid when its container has direction:rtl. Default behaviour is to invert left/right column alignment.
row-drag Example of drag and drop to re-order rows, by designating a column as a drag-handle
row-highlight-post-render Example of highlighting rows using post-rendering
row-numbers Example of displaying row numbers
row-ranks Example of displaying rankings based on sorted order, such as 1, 2=, 2=, 4 etc
row-selection Example of row selection, with option to change modes
sort-compare-custom Custom sort comparison: the first name is sorted by the number of letters in the name
sort-fixed-direction Example of fixing permitted sort direction
special-touch-gestures Example of the grid's special touch gestures
star-ratings Example of displaying a star rating in a cell
state-persistence Example of persisting grid state
status-bar-hover Example of implementing a status bar populated on mouseover hover
sync-grids Example of synchronizing two grids - column resize, filtering, grouping, sorting etc
updating-data Example of real-time data updates using UpdateCell()
virtual-data Example of \"virtual\" data. Grid displays a combined name column; source data has separate firstname and lastname values.
whole-width-cells Example of some cells taking up the whole grid width