gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add table head description (#21974)

Browse Source
This commit is contained in:
Kamil
2018-11-18 02:55:05 +01:00
committed by Christopher McCormack
parent 8c167bb589
commit 7cd9667c61
1 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
guide/english/bootstrap/tables/index.md
View File

@ -16,6 +16,33 @@ In order to achieve the basic styling example add the base class `.table` to any
![Basic Table](https://github.com/TroyB12/Pictures/blob/master/Basic%20Table.PNG) ![Basic Table](https://github.com/TroyB12/Pictures/blob/master/Basic%20Table.PNG)
--- ---
#### Table Head
You can define separate header section in your table structure.
This is example
```html
<table class="table">
<thead class=theat-dark>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Bob</td>
<td>Robo</td>
<td>@bro</td>
</tr>
</tbody>
</table>
```
#### Table Striped #### Table Striped
In order to achieve the striped row effect (zebra-striping) in tables use `.table-striped` in addition to `.table` on any `<table>` element. Striped tables are styled via the `:nth-child` CSS selector, which is not available in Internet Explorer 8. In order to achieve the striped row effect (zebra-striping) in tables use `.table-striped` in addition to `.table` on any `<table>` element. Striped tables are styled via the `:nth-child` CSS selector, which is not available in Internet Explorer 8.