Как создать таблицу c мультистроковыми ячейками в React-bootstrap?

Question

[Александр Князев]

Нужно создать таблицу с ячейками, содержащими несколько строк, я это делаю так:

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

Это работает, я получаю такую таблицу:

Теперь мне нужно вынести три tr в отдельный компонент, чтобы в процессе итерации создать много таких строк, но компонент должен возвращать содержимое в едином теге, пробовал все три tr вкладывать в родительский tr, выдает ошибку. Не знаю как решить проблему.

Answer 1

[Александр Князев]

Здесь предложили решение:
https://stackoverflow.com/questions/44694024/how-t...