html - In a bootstrap table how remove lines between rows? -
i have bootstrap table, want remove lines between of rows in table (at end of table) there quick way achieve this?
you can remove border bootstrap tables using following css:
.table>tbody>tr>td, .table>tbody>tr>th { border-top: none; }
this override bootstrap's td
, th
selector specificity , apply border-top
style instead of theirs.
note apply tr
elements within tbody
. you'll need add in styling thead
, tfoot
elements if want work well.
now specify some of rows, i'm guessing don't want applying of them. that, add new class
tr
elements wish remove border on, , include class name in css selector(s):
<tr class="no-border">...</tr>
.table>tbody>tr.no-border>td, .table>tbody>tr.no-border>th { border-top: none; }
Comments
Post a Comment