groupBy column as function does not get applied

[georgeblue92]

I am trying to style the grouped column.

The style object is added only when groupBy.column is a static object. The following do not work.

groupBy: column: () ⇒ { style: () ⇒ ({ color: ‘red’ }) } // does not get applied 
groupBy: column: () ⇒ { style: { color: ‘red’ } } // does not get applied
groupBy: column: { style: { color: ‘red’ } } // works

[roblotter]

In the groupBy object, column cannot be a function - it needs to be an object. See example below:

const groupBy: DataSourceGroupBy<Developer>[] = [
  {
    field: 'country',
    column: {
      style: () => ({
        color: 'red',
      }),
    },
  },
  {
    field: 'city',
    column: {
      style: {
        color: 'blue',
      },
    },
  },
];