Search code examples
admin-on-rest

How to change labels from capital case to small case in the main grid of admin on rest

how do i make admin on rest main grid labels in regular case .as my application requires too many columns in the grid and all together it looks very bad and messy .i have created an en.json file and it's taking the value from there that is if the property is channelType and I have given in en.json as "channelType": "Channel ", its showing "CHANNEL" itself in the grid but I want it to be in regular case such as "Channel", what should I do

Solution

  • You can use the style property on the Datagrid component. See the documentation

    const styles = {
    header: {
        textTransform: 'none',
    }
}

<Datagrid styles={styles}>