Untitled

const tableColumns = [
  {
    header: "Option",
    isChecked: false,
    accessorKey: "index",
    expandable: true,
    className: "text-start",
  },
  {
    accessorKey: "groupedInputs",
    editable:true,
    groupedFields: [
      {
        header: "Currency",
        accessorKey: "currency",
        hide: true,
        editable: true,
        className: "text-start",
      },
      {
        header: "Coverage",
        accessorKey: "coverage",
        hide: true,
        editable: true,
        className: "text-start",
      },
      {
        header: "Limit",
        accessorKey: "limit",
        editable: true,
        transform: (value) => putThousandSeparator(value.value),
      },
      {
        header: "Excess",
        accessorKey: "excess",
        editable: true,
        transform: (value) => putThousandSeparator(value.value),
      },
      {
        header: "Deductible 1",
        accessorKey: "deductible",
        editable: true,
        transform: (value) => putThousandSeparator(value.value),
      },
      {
        header: "Commission",
        editable: true,
        accessorKey: "brokerage",
        percentage: true,
        // transform: (value) => value && `${value}%`,
      },
      {
        header: "Line size",
        accessorKey: "lineSize",
        editable: true,
        percentage: true,
        // transform: (value) => value && `${value}%`,
      },
      {
        header: "Quoted Premium",
        accessorKey: "grossWrittenPremium",
        editable: true,
        transform: (value) => putThousandSeparator(value.value),
      },
    ],
  },

  {
    header: "Quoted Rate on Line",
    accessorKey: "ROLQuoted",
    percentage: true,
    // transform: (value) => value && `${value}%`,
    className: "text-color-green",
  },
  // {
  //   header: "Modelled Adequacy",
  //   accessorKey: "modelledAdequacy",
  //   className: "text-color-green",
  // },
];