headerClassname does not work

[tqdo]

I am trying to make the first column in my React Table sticky, however I could not quite get it to work. The first column may still disappear when I scroll horizontally.

What I am doing is in columns

{
                Header: "First Name",
                accessor: "firstName",
                headerClassname: 'sticky_col'
}

CSS

.sticky_col {
    position: -webkit-sticky;
    position: sticky;
    left:0;
    background-color: white;
}

It seems like headerClassname has no effect as I have tried other styling, none of them has any effects. Thanks

[carlbrn]

You can see in this example how to add a classname or a style for the header and the cell:
codesandbox example

Basically it's like this:

<th {...column.getHeaderProps([{
  className: cell.column.className,
  style: cell.column.style,
}])}>