Добавьте div в начало таблицы реагировать bootstrap

Question

Я использую эту таблицу реакции bootstrap: , код которой HTML:

 <Table striped bordered hover>
                <thead>

Я пытался добавить код здесь.

                   <tr>
                    <th>#</th>
                    <th>App</th>
                    <th>Domain Name</th>
                    <th>Pub Account ID</th>
                    <th>Relationship</th>
                    <th>Certification ID</th>
                    <th>Last update</th>
                    <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                    <th scope="row"><input type="checkbox" id={'checkboxThick'+network.id} onClick={()=>this.checkCheckbox(network.id)}/></th>
                    <td>{network.product}</td>
                    <td>{network.domain_Name}</td>
                    <td>{network.publisher_Id}</td>
                    <td>{network.relationship}</td>
                    <td>{network.certification_Id}</td>
                    <td>{network.lastUpdate}</td>
                    <td className="actionCoulmn">
                    </td>
                </tr>
                </tbody>
            </Table>

И мне нужно добавить этот div как часть таблицы:

Я пытался добавить несколько div и стили для <tr> и <th> безуспешно. У кого-нибудь есть идеи, как с этим бороться?

Answer 1

Вы можете согласиться с этим:

  <div id="parent">
     <div /> // your div here
     <table /> // your existing table component
   </div>

и использовать стили для объединения их