Table-in-Bootstrap/index.html at main · farmanwebdev/Table-in-Bootstrap · 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html>
<head>
	<title>table in bootstrap</title>
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="style.css">
	<marquee>My Table</marquee>
</head>
<body>
<section id="slider">
	<h1>Percentage table of marks</h1>
	<table class="table table-bordered  table-hover table-striped ">
		<thead>
				<tr class="table-dark">
					<th rowspan="2">Question</th>
					<th colspan="2">Women</th>
					<th colspan="2">Men</th>
				 </tr>
			<tr class="table-info">
				<th>Yes</th>
				<th>No</th>
				<th>Yes</th>
				<th>No</th>
			</tr>
		</thead>
			 <tbody>
					<tr>
						<th class="table-primary">Question 1</th>
						<td>42%</td>
						<td>58%</td>
						<td>61%</td>
						<td>39%</td>
				    </tr>
				<tr>
						<th class="table-primary">Question 2</th>
						<td>53%</td>
						<td>47%</td>
						<td>69%</td>
						<td>31%</td>
				 </tr>
			        <tr>
						<th class="table-primary">Question 3</th>
						<td>52%</td>
						<td>45%</td>
						<td>69%</td>
						<td>36%</td>
				    </tr>
			        	<tr>
					     	<th class="table-primary">Question 4</th>
						    <td>54%</td>
						    <td>46%</td>
						    <td>67%</td>
						    <td>38%</td>
				        </tr>
				           <tr>
						      <th class="table-primary">Question 5</th>
						      <td>53%</td>
						      <td>47%</td>
						      <td>69%</td>
						      <td>33%</td>
				            </tr>
		 </tbody>
	</table>
</section>

  </body>
</html>