Search results

How to render the html data inside the grid cell

The grid has HTML content loading functionality enabled by default. However, our data source only contains date, string, or integer values. Therefore, you need to first create HTML content and bind it to a grid cell.

Follow these steps to render the HTML content inside the grid cell:

  1. Create an expression using the following syntax to convert date, string or integer values to HTML content, :

    Syntax: CONCAT('<p>', [Column Name],'</p>')

    Here, you can use any HTML tag instead of the paragraph tag.

    html expression

  2. Next, you need to configure this expression column in your grid widget. Once you bind the generated expression to your grid, the HTML content will be rendered correctly.

    html output