Skip to main content

Nested Headers

Apollo allows the creation of Nested Headers for your columns

  • @todo implement example
import { ApolloSpreadSheet, NestedHeader } from 'apollo-spreadsheet'

Create

const nestedHeaders: NestedHeader[][]

Return

<ApolloSpreadSheet
    .
    .
    .
    nestedHeaders={nestedHeaders}
    nestedRows
/>

Example

const nestedHeaders: NestedHeader[][] = useMemo(
  () => [
    [
      {
        title: 'Nested Header 1',
        colSpan: 2,
        className: classes.headerClass,
      },
      {
        title: 'Nested Header 2',
        colSpan: 3,
        className: classes.headerClass,
      },
    ],
  ],
  [classes.headerClass],
)

colSpan: Number of columns contained in the header
className: Optional