CODEWITHSUNDEEP
semantic-uisemantic-ui-react
KitKarson
KitKarson

Reputation: 5637

Semantic-ui-react - Table Cell Colspan

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!!

enter image description here

Upvotes: 10

Views: 6350

Answers (1)

euvs
euvs

Reputation: 1645

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}>

Upvotes: 24

Related Questions