[Discussion] [Analytical Table Cell Type]: Cell#CellInstance#CellType#value any => string limits usage #7912

Activity

1. MarcusNotheis

   transferred this issue fromUI5/webcomponentson Nov 6, 2025
2. Lukas742 commented on Nov 6, 2025

   

   Lukas742

   on Nov 6, 2025

   Contributor

   More actions

   Hi @wvudako

   Thanks for raising this! I converted this issue to a GitHub Discussion, as it looks more like a general discussion than a dedicated bug report or feature request. I’ll create issues if any arise from the discussion.

   ---

   It's not entirely clear to me how you’re passing the value to the "CellRenderer". Could you share a short code example that shows how you’re currently doing it? You can edit the StackBlitz example below.

   The value should always be a string (or null/undefined), because otherwise filtering, sorting, grouping, etc. won’t work out of the box and would need to be implemented on the consumer side. There may also be other unexpected side-effects, depending on how the value is set.

   Usually, the "CellRenderer" receives the entire table instance object, including the current row and cell. This allows you to decide how to use value or other data. For example:

   const columns = [
     {
       Header: 'ObjectStatus',
       accessor: 'os',
       Cell: (props: AnalyticalTableCellInstance) => {
         const { value, row } = props;
         return <ObjectStatus state={value}>{row.original.osText}</ObjectStatus>;
       },
     },
     { Header: 'Input', accessor: 'input', Cell: InputCell },
   ];

   https://stackblitz.com/edit/ui5wcr-at-cfrb2orz?file=src%2FApp.tsx

   The value is derived from the passed data. The actual text (row.original.osText) also comes from the data array, but you can use a custom text not present in the data if needed. Sorting, filtering, and grouping only work automatically for columns where the accessor matches a data field. So in case of the "ObjectStatus" column, the sort value for example, is not the displayed text, but the state (os).
   For custom components, you would need to implement these data operations manually, or use server-side data operations and disable client-side logic via the respective reactTableOption (e.g., manualSortBy) Docs.
3. UI5

   locked and limited conversation to collaborators on Nov 6, 2025
4. Lukas742

   converted this issue into a discussion #7913 on Nov 6, 2025