How to create a table with multi-row cells in React-bootstrap?

Question

JavaScript

I need to create a table with cells containing several rows, I do it like this:

<Table bordered>
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Analysed ID</th>
                            <th>Analysed Name</th>
                            <th>Solve To change</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td rowSpan="3">Date</td>
                        </tr>
                        <tr>
                            <td>ID</td>
                            <td>Name</td>
                            <td>Decision</td>
                        </tr>
                        <tr>
                            <td>ID</td>
                            <td>Name</td>
                            <td>Decision</td>
                        </tr>
                    </tbody>
                </Table>

It works, I get the following table:

Now I need to put three trs into a separate component in order to create many such lines during iteration, but the component must return content in a single tag, I tried to put all three trs into the parent tr, it gives an error. I don't know how to solve the problem.

Answer 1

A solution was suggested here:
https://stackoverflow.com/questions/44694024/how-t...