Custom Cells for React Datagrids
Wijmo's React datagrid, FlexGrid, allows you to heavily customize the look, feel, and functionality of every cell within the datagrid. You're able to add both Wijmo and custom components to cells, conditionally style cells and the data within, and dynamically update cells within the datagrid.
FlexGrid allows you to define custom content in the datagrid's cells by using template markup. Use this to add images and React components to cells, as well as customize cells based on their contents.
FlexGrid's CellMaker React class provides a simple way to create common types of custom cells. You can convert the datagrid's cells into buttons, hyperlinks, drop-downs, images, ratings, and sparklines.
By default, FlexGrid updates all cells automatically when there are changes in the data source. If there are frequently updated items in the data source, FlexGrid limits updating to only bound items that have actually changed. This prevents the datagrid from updating every cell and increases performance.
In addition to custom controls and conditional styling, FlexGrid also supports the implementation of sparklines within cells. Sparklines allow you to show visual representations of data within the cells of the React datagrid.