Styling footer in overview

Engines Overview Engine
1

In the SME I can style and align headers and cells.
Unfortunately I cannot style or align the footer sums.
Is there a workaround?

I tried CSS but… CSS :wink:

2

Hello everybody,

are there any ideas for this? :slight_smile:

3

Hello,
Currently, there’s no direct way to edit the style of table footers within the SME. However, you can customize certain components by making use of the componentMap. I think you should be able to customize the footer cells likewise.

To do this, you would need to pass a componentMap as props in your OverviewEngineView component like this:

<ViewViews.OverviewEngineView
    {...props}
    componentMap={componentMap}
/>

Your componentMap could be defined as follows:

{
    ...DefaultComponentMap,
    TableFootCellContent(tableFootCellContentProps) {
        return (
            // Apply some classes or styles directly to the component
            // Or some other type of customization
            <DefaultComponentMap.TableFootCellContent
                {...tableFootCellContentProps}
                className=""
                styles={{}}
            />
        );
    }
};