10000 Rows

Row 0 - Col 2

Row 0 - Col 3

Row 0 - Col 4

Row 0 - Col 5

Row 0 - Col 6

Row 0 - Col 7

Row 0 - Col 8

Row 1 - Col 2

Row 1 - Col 3

Row 1 - Col 4

Row 1 - Col 5

Row 1 - Col 6

Row 1 - Col 7

Row 1 - Col 8

Row 2 - Col 2

Row 2 - Col 3

Row 2 - Col 4

Row 2 - Col 5

Row 2 - Col 6

Row 2 - Col 7

Row 2 - Col 8

Row 3 - Col 2

Row 3 - Col 3

Row 3 - Col 4

Row 3 - Col 5

Row 3 - Col 6

Row 3 - Col 7

Row 3 - Col 8

Row 4 - Col 2

Row 4 - Col 3

Row 4 - Col 4

Row 4 - Col 5

Row 4 - Col 6

Row 4 - Col 7

Row 4 - Col 8

Row 5 - Col 2

Row 5 - Col 3

Row 5 - Col 4

Row 5 - Col 5

Row 5 - Col 6

Row 5 - Col 7

Row 5 - Col 8

Row 6 - Col 2

Row 6 - Col 3

Row 6 - Col 4

Row 6 - Col 5

Row 6 - Col 6

Row 6 - Col 7

Row 6 - Col 8

Row 7 - Col 2

Row 7 - Col 3

Row 7 - Col 4

Row 7 - Col 5

Row 7 - Col 6

Row 7 - Col 7

Row 7 - Col 8

Row 0 - Col 0

Row 0 - Col 1

Row 1 - Col 0

Row 1 - Col 1

Row 2 - Col 0

Row 2 - Col 1

Row 3 - Col 0

Row 3 - Col 1

Row 4 - Col 0

Row 4 - Col 1

Row 5 - Col 0

Row 5 - Col 1

Row 6 - Col 0

Row 6 - Col 1

Row 7 - Col 0

Row 7 - Col 1

Row 0 - Col 9

Row 1 - Col 9

Row 2 - Col 9

Row 3 - Col 9

Row 4 - Col 9

Row 5 - Col 9

Row 6 - Col 9

Row 7 - Col 9

const columns = generateColumns(10)
const data = generateData(columns, 10000)

const fixedColumns = columns.map((column, columnIndex) => {
  let frozen
  if (columnIndex < 2) frozen = Column.FrozenDirection.LEFT
  if (columnIndex > 8) frozen = Column.FrozenDirection.RIGHT
  return { ...column, frozen }
})

export default () => <Table fixed columns={fixedColumns} data={data} />

const columns = generateColumns(10)
const data = generateData(columns, 10000)

const fixedColumns = columns.map((column, columnIndex) => {
  let frozen
  if (columnIndex < 2) frozen = Column.FrozenDirection.LEFT
  if (columnIndex > 8) frozen = Column.FrozenDirection.RIGHT
  return { ...column, frozen }
})

export default () => <Table fixed columns={fixedColumns} data={data} />

← Sticky Rows

Disabled→