Basic Bordered Table

<!DOCTYPE html>
<title>My Example</title>

.table-bordered thead {
    /* A subtle background color for the header */
    background-color: #f2f2f2; 
}

.table-bordered th,
.table-bordered td {
    /* The border around each cell */
    border: 1px solid #dddddd; 
    text-align: left;
    padding: 8px; /* Standard padding */
}

</style>

<table class="table-bordered">
    <thead>
        <tr>
            <th scope="col">Invoice #</th>
            <th scope="col">Client Name</th>
            <th scope="col">Issue Date</th>
            <th scope="col">Amount</th>
            <th scope="col">Status</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>INV-2024-001</td>
            <td>Globex Corporation</td>
            <td>2024-05-15</td>
            <td>$1,250.00</td>
            <td>Paid</td>
        </tr>
        <tr>
            <td>INV-2024-002</td>
            <td>Stark Industries</td>
            <td>2024-05-18</td>
            <td>$3,500.75</td>
            <td>Paid</td>
        </tr>
        <tr>
            <td>INV-2024-003</td>
            <td>Wayne Enterprises</td>
            <td>2024-05-20</td>
            <td>$800.00</td>
            <td>Pending</td>
        </tr>
        <tr>
            <td>INV-2024-004</td>
            <td>Cyberdyne Systems</td>
            <td>2024-05-21</td>
            <td>$5,200.50</td>
            <td>Overdue</td>
        </tr>
    </tbody>
</table>