"Untitled"
Bootstrap 4.1.1 Snippet by vasudevanmms

Post to Facebook Tweet this

<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <style> table{ border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #ddd; } h2{ text-align: center; } th,td{ text-align: left; padding: 15px; } tr:nth-child(even){ background-color: #grey; } th{ background-color: #3394d5; color: white; } tr:nth-child(even):hover{ background-color: #f2f2f2; } th{ background-color: #3394d5; color: white; } tr:nth-child(even):hover{ background-color: grey; color: white; } tr:nth-child(odd):hover{ background-color: grey; color: white; } <style> <link rel="stylesheet" type="text/css" href="style.css"> <style> table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; } </style> </head> <body> <table style="border-radius: 0px"> <tr bgcolor="#6D7AE0"style="color: white"> <th>Full name</th> <th>Age</th> <th>Job title</th> <th>Location</th> </tr> <tr> <td>WincentWilliamson</td> <td>31</td> <td>ios Designer</td> <td>Washington</td> </tr> <tr> <td>Tyler Riyes</td> <td>22</td> <td>UI/UX Desingner</td> <td> NewYork</td> </tr> <tr> <td>Justin Black</td> <td>26</td> <td>Front-end Developer</td> <td> Los Angeles</td> </tr> <tr> <td>Sean Guzman</td> <td>25</td> <td>WebDesigner</td> <td>San Fransisco</td> </tr> <tr> <td>Keith carter</td> <td> 20</td> <td>Grapic Designer</td> <td>NewYork.ny</td> </tr> <tr bgcolor="white"> <td>Austin Medina</td> <td>32</td> <td>Photographer</td> <td>NewYork</td> </tr> <tr> <td>Adam Henderson</td> <td>35</td> <td>UI/UXDesigner</td> <td>Washington</td> </tr> <tr> <td>Louis Smith</td> <td>27</td> <td>Photograper</td> <td>San Fransisco</td> </tr> </table> </body> </html>

Related: See More

BLK• Design System

Questions / Comments: