Hopiu/bootstrap
1
0
Fork 0
mirror of https://github.com/Hopiu/bootstrap.git synced 2026-05-23 18:55:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add borderless table class along with docs. Rebase

Browse source
This commit is contained in:
Varunram 2017-10-11 00:01:57 +05:30
parent f7acb278e2
commit ab093b90f6
2 changed files with 86 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
docs/4.0/content/tables.md
View file

@ -298,6 +298,86 @@ Add `.table-bordered` for borders on all sides of the table and cells.
</table> </table>
{% endexample %} {% endexample %}
## Borderless table
Add `.table-borderless` for a table without borders.
{% example html %}
<table class="table table-borderless">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First Name</th>
<th scope="col">Last Name</th>
<th scope="col">Username</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Mark</td>
<td>Otto</td>
<td>@TwBootstrap</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">4</th>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
{% endexample %}
{% example html %}
<table class="table table-borderless table-dark">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First Name</th>
<th scope="col">Last Name</th>
<th scope="col">Username</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Mark</td>
<td>Otto</td>
<td>@TwBootstrap</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">4</th>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
{% endexample %}
## Hoverable rows ## Hoverable rows
Add `.table-hover` to enable a hover state on table rows within a `<tbody>`. Add `.table-hover` to enable a hover state on table rows within a `<tbody>`.

6
scss/_tables.scss
View file

@ -151,6 +151,12 @@
} }
} }
.table-borderless {
th,
td {
border: 0;
}
}
// Responsive tables // Responsive tables
// //