x
1
2
<html lang="en">3
<head>4
<meta charset="utf-8">5
<meta name="viewport" content="width=device-width, initial-scale=1">6
<title>Bootstrap demo</title>7
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">8
</head>9
<body>10
11
<div class="table-responsive">12
<table class="table table-striped-columns">13
<thead>14
<tr>15
<th>Firstname</th>16
<th>Lastname</th>17
<th>Email</th>18
</tr>19
</thead>20
<tbody>21
<tr>22
<td>Mohamed</td>23
<td>Ahmed</td>24
<td>mohamed@example.com</td>25
</tr>26
<tr>27
<td>Aly</td>28
<td>Mamdouh</td>29
<td>Mamdouh@aly.com</td>30
</tr>31
<tr>32
<td>Nader</td>33
<td>Mohamed</td>34
<td>nader@google.com</td>35
</tr>36
</tbody>37
</table>38
</div>39
40
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>41
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js" integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous"></script>42
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js" integrity="sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK" crossorigin="anonymous"></script>43
44
</body>45
</html>