Changing header background colour and header font colour on datagrid

phrenetic

I have a datagrid styled using the Willow theme. I want to change the header background colour and the header font colour.
What is the recommended way to do that?

tasha

Hello,

To change the background color and font color for the header please use css parameter of the columns property:

    {
      id: "city",
      sort: true,
      header: [
        {
          text: "City",
          css: "customStyle",
        },
      ],
    },

Here is the example: https://stackblitz.com/edit/sveltejs-kit-template-default-rbpyhsrt?file=src%2Froutes%2FMyGrid.svelte

phrenetic

Many thanks.
Your code example allowed me to track down the issue in my own code and the headers are now displaying as expected.