Data table Issue with crayons

App Platform
, ,
1

Hi team,

I’m currently working on loading an fw-data-table in the SDK app within iparams.html. I’m using React, through which I can render other FW components like buttons, tabs, and accordions. However, I’m encountering difficulty in rendering the fw-data-table.

I’ve installed @freshworks/crayons@4.1.0. Could it be that this version doesn’t support the data table component?

const FwDataTable = () => {
  return (
    <div>
      {" "}
      <fw-button>hello</fw-button>
      <fw-data-table
        id='datatable'
        is-selectable='true'
        label='Data table 1'
        columns={[
          {
            key: "name",
            text: "Name",
          },
          {
            key: "group",
            text: "Group",
          },
          {
            key: "role",
            text: "Role",
          },
        ]}
        rows={[
          {
            id: "1234",
            name: "Alexander Goodman",
            role: "Administrator",
            group: "L1 Support",
          },
          {
            id: "2345",
            name: "Ambrose Wayne",
            role: "Supervisor",
            group: "L1 Support",
          },
          {
            id: "3456",
            name: "August hines",
            role: "Agent",
            group: "L1 support",
          },
        ]}
      ></fw-data-table>
    </div>
  );
};

Looking forward to your response.

2

Also included the crayons package in iparms.html as below

   <script
      type="module"    src="https://cdn.jsdelivr.net/npm/@freshworks/crayons@v4/dist/crayons/crayons.esm.js"
    ></script>

    <script
      nomodule
  src="https://cdn.jsdelivr.net/npm/@freshworks/crayons@v4/dist/crayons/crayons.js"
    ></script>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/@freshworks/crayons@v4/css/crayons-min.css"
    />
3

Hi team,

is there any update regarding this?

4

Hi Team,

Greetings!

Is there any update regarding the issue? It has been more than a week, and I would like to understand why the data table is not working. Do I need to use it in another way?

Kindly help me out with this.

Thank you.