How to hide the first header row of the column groups?

[yaronlevi]

Hi (-:

I hope you are feeling good these days.

In a simple table like this one:

How can we hide the entire first row that contains the group names? (the row that contains "Name" and "Info").

Thanks for any help on the issue.

[tannerlinsley]

Unnest the columns from the parent column groups. So in other words, flatten the columns definition.

[philsp]

same problem here

[ghost]

having the same typescript error.

[alienriquebm]

same problem

[tannerlinsley]

Despite the community types for v6 being wrong, unnesting is still the proper way to do this. V8 is the same answer as well, but with the types being correct.

[alienriquebm]

Thanks man. How can avoid the TS error?

[yaronlevi]

Great thank you!

[taliribeiro]

I extend a Column interface with ColumnInterface from react-table and than worked for me.

export interface Column extends ColumnInterface {
  Header: string;
  accessor: string;
}