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