Documentation menu

customizeCell

customizeCell(customizationFunction:Function)

Renders each cell and can change its content. Allows adding links, custom styles, formatting. Available both as an initialization parameter or an API call.

Parameters

Gets customizationFunction as an input parameter. customizationFunction has the following signature:

function customizeCellFunction(cellBuilder, cellData)

AcellBuilder object contains information about the cell representation and provides methods for the cell customization. The structure of cellBuilder:

NameTypeDescription
attrObjectSpecifies all the attributes and their values. It allows adding custom attributes which later can be used in CSS selectors. Additional info about CSS attribute selectors.
classesArray of StringsContains all the cell classes. A new class can be added via the addClass() method.
styleObjectContains a CSS style of the cell.
tagStringContains a tag element of the cell.
textStringContains a text of the cell (may contain HTML elements, e.g., images).
addClass(value: String)MethodAdds a new class to the cell.
toHtml()MethodReturns the cell as an HTML string.

A cellData object contains all the information about the cell and its data. Learn more about the structure of a Cell Data Object.

Example

Add alternative colors for the rows: