HTML CSS examples for CSS Widget:Table Column
HTML table partial border on a column
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> table {<!-- w ww . ja v a 2 s .c o m--> border-collapse:collapse; border:0 solid; border-width:3px 0; } th, td { position:relative; } th:first-child:before, td:first-child:before { content:""; position:absolute; width:2px; background:black; right:0; top:0; bottom:0; } th:first-child:before { top:auto; height:51%; } tr:last-child td:first-child:before { bottom:auto; height:51%; } </style> </head> <body> <table class="table borderless"> <thead> <tr> <th>Lore</th> <th>Lorem </th> <th>Lorem </th> <th>Lorem </th> </tr> </thead> <tbody> <tr> <td class="services">Lorem ipsum d</td> <td class="included"></td> <td class="included"></td> <td class="included"></td> </tr> <tr> <td class="services">Lorem ipsum d</td> <td>Lorem ipsum </td> <td class="included"></td> <td class="included"></td> </tr> <tr> <td class="services">Lorem ipsum d</td> <td>Lorem ipsum </td> <td class="included"></td> <td class="included"></td> </tr> <tr> <td class="services">Lorem ipsum d</td> <td>Lorem ipsum </td> <td>Lorem ipsum </td> <td class="included"></td> </tr> <tr> <td class="services">Lorem ipsum d</td> <td>Lorem ipsum </td> <td>Lorem ipsum </td> <td class="included"></td> </tr> <tr> <td class="services">Lorem ipsum d</td> <td>Lorem ipsum </td> <td>Lorem ipsum </td> <td class="included"></td> </tr> <tr> <td class="services">Lorem ipsum d</td> <td>Lorem i</td> <td>Lorem ipsum d</td> <td>Lorem ipsu</td> </tr> <tr> <td class="services">Lorem ipsum d</td> <td>Lorem i</td> <td>Lorem ipsum d</td> <td>Lorem ipsu</td> </tr> <tr> <td class="services">Lorem ipsum d</td> <td>Lorem i</td> <td>Lorem ipsum d</td> <td>Lorem ipsu</td> </tr> <tr class="pricing"> <td style="padding-bottom: 2rem !important;" class="table-services">Lore</td> <td>Lorem i</td> <td>Lorem i</td> <td>Lorem i</td> </tr> </tbody> </table> </body> </html>