Bootstrap Table column header not aligned-CodePudding

                    <table >
                    <thead>
                        <tr >
                            <th >JOB ID</th>
                            <th >JOB STATUS</th>
                            <th >USER</th>
                            
                            <th >BG TASK STATUS</th>
                            <th >BG TASK RESULT</th>
                            <th >BG TASK CREATED TIME</th>
                            <th >BG TASK COMPLETED TIME</th>
                            
                            <th >DETAIL LOG LINK</th>    
                        </tr>
                    </thead>
                    <tbody>
                        
                        
                        <tr >
                            <td >15</td>
                            <td >success</td>
                            <td >None</td>
                           
                           
                            <td ></td>
                            <td ></td>
                            <td ></td>
                            <td ></td>
                            
                            
                           <td ><a href="/logs?job_id=15">Job Details</a></td>
                            
                        </tr>
                        
                    </tbody>
                </table>

CodePudding user response：

Delete the className="d-flex" in tr tag

CodePudding user response：

You can add the class text-justify to the table so that the text will be aligned to center