Html table

Table

A table is an arrangement of data in rows and columns
An HTML table is defined with the <table> tag.
Each table row is defined with the <tr> tag.
A table header is defined with the <th> tag. By default, table headings are bold and centered.
A table data/cell is defined with the <td> tag.
If you want the borders to collapse into one border, add the CSS border-collapse property.
Cell padding specifies the space between the cell content and its borders.-CSS padding property.
To set the border-spacing for a table, use the CSS border-spacing property.
To make a cell span more than one column, use the colspan attribute.
To make a cell span more than one row, use the rowspan attribute.

<table class="table">
<tr class="thead">
<th>
Ipsum
</th>
<th>
Ipsum
</th>
<th>
Ipsum
</th>
<th>
Ipsum
</th>
<th>
Ipsum
</th>
</tr>
<tr>
<td>
Ipsum
</td>
<td>
Ipsum
</td>
<td>
Ipsum
</td>
<td>
Ipsum
</td>
<td>
Ipsum
</td>
</tr>
<tr>
<td>
Ipsum
</td>
<td>
Ipsum
</td>
<td>
Ipsum
</td>
<td>
Ipsum
</td>
<td>
Ipsum
</td>
</tr>
<tr>
<td>
Ipsum
</td>
<td>
Ipsum
</td>
<td>
Ipsum
</td>
<td>
Ipsum
</td>
<td>
Ipsum
</td>
</tr>
</table>

CSS

.thead{background:#f1f1f1;}
.table td{border-bottom: 1px solid #dee2e6;}