Use of 'beforeRender' inside Table?

[IsaacBlanco]

Hi, I'm using the CSDK on Angular 18 to run my micro-analytics components, I'm trying to replicate a table that I have on a dashboard using the Table component, but I need to make some customization to the Table itself like rendering some columns like an HTML to load images. 

Checking the docs I don't see any documentation about the use of "beforeRender" but inside the Chart component that allows the use of the 'table' type, it allows it, I wonder if is possible to use it or there is an alternative for my use case? 

[sofiachloe]

Hi, I'm using the CSDK on Angular 18 to run my micro-analytics components, I'm trying to replicate a table that I have on a  2048 cupcakes  dashboard using ...The mat-table provides a Material Design styled data-table that can be used to display rows of data. This table builds on the foundation of the CDK data-table and uses a similar interface for its data input and template, except that its element and attribute selectors will be prefixed with mat- instead of cdk- 

[DRay]

Hello @IsaacBlanco,

Thank you for reaching out here. I see that this question hasn't had a response yet, so I am reaching out internally to try and get you an answer. 

[tuanpham · Accepted solution]

Hi @IsaacBlanco,

`onBeforeRender` is not supported for Table. It is only supported for charts based on the Highcharts library. However, when configuring table columns in Table data options, you can use `StyledColumn`, which supports `isHtml` flag: https://sisense.dev/guides/sdk/modules/sdk-ui/interfaces/interface.StyledColumn.html#ishtml

Below is an example code snippet for reference:

<Chart

chartType="table"

dataSet={DM.DataSource}

dataOptions={{ columns: [{ column: DM.Category.Category, isHtml: true }] }}

/>