"table "
Bootstrap 4.1.1 Snippet by akshaymodh

Post to Facebook Tweet this

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div align="center">
<caption><h2><ins><i>CRICKET TEAM RAKINGS</i></ins></h2></caption>
</div>
<table style="width:65%;height:90%;" align="center">
<tr>
<th colspan="4" style="background-color:#5E1D55;color:white;"><h3>TEST RAKINGS</h3></th>
</tr>
<tr style="background-color:#32A9EE;color:white;">
<th>Rank</th>
<th>Team</th>
<th>Point</th>
<th>Rating</th>
</tr>
<tr>
<td><b>1</b></td>
<td>India</td>
<td>3634</td>
<td>125</td>
</tr>
<tr>
<td><b>2</b></td>
<td>South Africa</td>
<td>3589</td>
<td>112</td>
</tr>
<tr>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
body{
background-image: url(https://images.unsplash.com/photo-1531415074968-036ba1b575da?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=472642856008b6ddb3e596e45ca4263d&auto=format&fit=crop&w=1494&q=80);
background-size:1500px 800px;
}
table{
border:1px solid black;
border-collapse:collapse ;
padding:0px;
}
th{
padding:10px;
border:1px solid black;
}
td{
padding:10px;
border:1px solid black;
text-align:left;
}
tr:nth-child(even)
{
background-color:white;
}
tr:nth-child(odd)
{
background-color:#eee;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Black Dashboard PRO React
Bootstrap Tabs with Table
Creative Princing Table
BS4 Simple & Clean Pricing table

Questions / Comments: