10

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

2
  • 1
    <Table.Cell colSpan="3"> is this what are you after? Note that the value of colSpan is in quotation marks "3" Commented Jun 1, 2018 at 0:50
  • @euvs Thanks. please add this as an answer! Commented Jun 1, 2018 at 0:53

1 Answer 1

24

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

Sign up to request clarification or add additional context in comments.

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.