Tooltip Cell

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

// import Text from 'react-texty'
const Text = ReactTexty

const TableCell = ({ className, cellData }) => (
  <Text className={className}>{cellData}</Text>
)

const TableHeaderCell = ({ className, column }) => (
  <Text className={className}>{column.title}</Text>
)

const columns = generateColumns(10)
const data = generateData(columns, 200)
columns[3].title = 'No tooltip'
columns[3].minWidth = 150

export default () => (
  <Table
    columns={columns}
    data={data}
    components={{ TableCell, TableHeaderCell }}
  />
)

// import Text from 'react-texty'
const Text = ReactTexty

const TableCell = ({ className, cellData }) => (
  <Text className={className}>{cellData}</Text>
)

const TableHeaderCell = ({ className, column }) => (
  <Text className={className}>{column.title}</Text>
)

const columns = generateColumns(10)
const data = generateData(columns, 200)
columns[3].title = 'No tooltip'
columns[3].minWidth = 150

export default () => (
  <Table
    columns={columns}
    data={data}
    components={{ TableCell, TableHeaderCell }}
  />
)

← Dynamic Row Height

Auto Resize→