Bootstrap table remove border
home
Run
screen_rotation
fullscreen
cloud_download
<html> <head> <title>Bootstrap Grid</title> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> <style> .noborder td, .noborder th { border: none !important; } </style> </head> <body> <div class="container" style="padding:50px;"> <table class='table noborder'> <tr><th>Name</th><th>Email</th><th>Country</th></tr> <tr><td>Jhohn</td><td>jhone@gmail.com</td><td>USA</td></tr> <tr><td>Kelly</td><td>kelly@gmail.com</td><td>USA</td></tr> <tr><td>Kamana</td><td>kamna@gmail.com</td><td>India</td></tr> <tr><td>Anay</td><td>anay@gmail.com</td><td>Canada</td></tr> <tr></tr> </table> </div> </body> </html>
<html> <head> <title>Bootstrap Grid</title> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> <style> .noborder td, .noborder th { border: none !important; } </style> </head> <body> <div class="container" style="padding:50px;"> <table class='table noborder'> <tr><th>Name</th><th>Email</th><th>Country</th></tr> <tr><td>Jhohn</td><td>jhone@gmail.com</td><td>USA</td></tr> <tr><td>Kelly</td><td>kelly@gmail.com</td><td>USA</td></tr> <tr><td>Kamana</td><td>kamna@gmail.com</td><td>India</td></tr> <tr><td>Anay</td><td>anay@gmail.com</td><td>Canada</td></tr> <tr></tr> </table> </div> </body> </html>
Copyrights@tutorialsplane.com