Forum Discussion

IsaacBlanco's avatar
IsaacBlanco
Cloud Apps
09-13-2024
Solved

Use of 'beforeRender' inside Table?

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? 

3 Replies

  • tuanpham's avatar
    tuanpham
    Sisense Employee

    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 }] }}

    />

     

  • 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. 

  • 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-