web-design-itv/boot_table.html at master · mavrick08/web-design-itv · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="en">
<head>

    <title>Table Example</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>


</head>
<body>
    <table class="table table-bordered table-hover">
        <tr>
            <th scope="col">Student Name</th>
            <th scope="col">Student Course</th>
            <th scope="col">Student Fees</th>
        </tr>

        <tr style="height:200px;">
            <td>Steve J</td>
            <td>AWP</td>
            <td>50000</td>
        </tr>


        <tr>
            <td>Demo User</td>
            <td>Web Development</td>
            <td>30000</td>
        </tr>


        <tr>
            <td>Alpha User</td>
            <td>Machine Learning</td>
            <td>75000</td>
        </tr>

    </table>

</body>
</html>