How to add numberOfLines for Cell component?

[aliwaqar981]

Hi! Thankyou for this great package. My text is too large to be fit in a cell. Although I want to display text which can be appeared in two lines and then .... . Just Like Text component. How can I do that?

Current Behaviour

[mattslight]

I looked in the source code and the Cell component is a smart wrapper for <Text ... /> so you can pass the standard text prop numberOfLines to Cell as

<Cell ...otherProps numberOfLines={1} />

You can structure your data like in the example provided:-

<Table>
  <Row data={tableHeaders} />
  {tableData.map((rowData, index) => (
    <TableWrapper key={index} style={styles.row}>
      {rowData.map((cellData, cellIndex) => (
        <Cell
          key={cellIndex}
          data={cellData}
          numberOfLines={1}
        />
      ))}
    </TableWrapper>
  ))}
</Table>

[aliwaqar981]

Thanks @mattslight It seems like Cell props don't includes Text props but numberOfLines is working fine