Semantic-ui-react - Table Cell Colspan

Question

How to merge few cells in semantic-ui-react as we normally do using colspan in html table?

https://react.semantic-ui.com/collections/table#types-pagination

I tried different options - nothing seems to help!!

Answer 1

The value of the colSpan property needs to be either in quotation marks ("3") or in curly braces ({3}). Otherwise it will be an incorrect React JSX syntax.

<Table.Cell colSpan="3">

or

<Table.Cell colSpan={3}>