Use IsScrolling

Row 0 - Col 0

Row 0 - Col 1

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 0 - Col 9

Row 1 - Col 0

Row 1 - Col 1

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 1 - Col 9

Row 2 - Col 0

Row 2 - Col 1

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 2 - Col 9

Row 3 - Col 0

Row 3 - Col 1

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 3 - Col 9

Row 4 - Col 0

Row 4 - Col 1

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 4 - Col 9

Row 5 - Col 0

Row 5 - Col 1

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 5 - Col 9

Row 6 - Col 0

Row 6 - Col 1

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 6 - Col 9

Row 7 - Col 0

Row 7 - Col 1

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 7 - Col 9

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

const Loading = styled.div`
  padding-left: 15px;
  color: gray;
`

const rowRenderer = ({ isScrolling, cells }) => {
  if (isScrolling) return <Loading>Scrolling</Loading>
  return cells
}

export default () => (
  <Table
    columns={columns}
    data={data}
    useIsScrolling
    rowRenderer={rowRenderer}
  />
)

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

const Loading = styled.div`
  padding-left: 15px;
  color: gray;
`

const rowRenderer = ({ isScrolling, cells }) => {
  if (isScrolling) return <Loading>Scrolling</Loading>
  return cells
}

export default () => (
  <Table
    columns={columns}
    data={data}
    useIsScrolling
    rowRenderer={rowRenderer}
  />
)

← Detail View

Custom RowKey→