Core Code
Core Code Modern Dev Handbook

Compact Table

Reduce row padding using table-sm.

Preview

Code

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="container py-5">

<table class="table table-sm table-striped">
<thead>
<tr>
<th>ID</th>
<th>Item</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Laptop</td>
</tr>
<tr>
<td>2</td>
<td>Tablet</td>
</tr>
</tbody>
</table>

</div>

</body>
</html>

More BS5 Tables Examples (7)

example Basic Table open example example Striped Table open example example Bordered Table open example example Hover Table open example example Dark Table open example example Contextual Table Rows open example example Responsive Table open example