Grid Cells Rendering

jqxGrid

The Grid plugin allows custom cells rendering by providing a rendering function to a grid column. In the sample below, the "cellsrendering" function is applied to the "Quantity" and "Unit Price" columns. The function returns a html string which is applied to the Grid cells. The Grid passes several parameters to the function providing the row index, column, cell value, default html string and additional properties of the rendering column such as column width, cells alignment and cells format.

Grid Cells Rendering Sample

Grid Cells Rendering Sample

The result of the above code is:

You can also use the custom cells rendering feature to center the text in the Grid cells and columns.

Grid Cells with Custom Alignment

The result of the above code is: