Traditional HTML tables stylized from minimalist to extravagant colors.
| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
<table class="e-table">
<thead>
<tr>
<th>NO°</th>
<th>First</th>
<th>Last</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>Efrain</td>
<td>Peralta</td>
<td>efraperalta@gmail.com</td>
</tr>
<!-- tr x3 -->
</tbody>
</table>Use striped to add sautéed lines alternating color.
| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
<table class="e-table striped">
<thead>
<tr>
<th>NO°</th>
<th>First</th>
<th>Last</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>Efrain</td>
<td>Peralta</td>
<td>efraperalta@gmail.com</td>
</tr>
<!-- tr x3 -->
</tbody>
</table>Use bordered to add borders to all the borders of the table and cells.
| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
<table class="e-table bordered">
<thead>
<tr>
<th>NO°</th>
<th>First</th>
<th>Last</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>Efrain</td>
<td>Peralta</td>
<td>efraperalta@gmail.com</td>
</tr>
<!-- tr x3 -->
</tbody>
</table>Use hovered to add a scrolling effect in each row.
| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
<table class="e-table hovered">
<thead>
<tr>
<th>NO°</th>
<th>First</th>
<th>Last</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>Efrain</td>
<td>Peralta</td>
<td>efraperalta@gmail.com</td>
</tr>
<!-- tr x3 -->
</tbody>
</table>| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
<table class="e-table bordered hovered">
<thead>
<tr>
<th>NO°</th>
<th>First</th>
<th>Last</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>Efrain</td>
<td>Peralta</td>
<td>efraperalta@gmail.com</td>
</tr>
<!-- tr x3 -->
</tbody>
</table>| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
<!-- Your color -->
<table class="e-table primary">
<thead>
<tr>
<th>NO°</th>
<th>First</th>
<th>Last</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>Efrain</td>
<td>Peralta</td>
<td>efraperalta@gmail.com</td>
</tr>
<!-- tr x3 -->
</tbody>
</table>| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
| NO° | First | Last | |
|---|---|---|---|
| 1 | Efrain | Peralta | efraperalta@gmail.com |
| 2 | Willy | Morrison | willy@hotmail.com |
| 3 | Mery | Martinez | mery@icloud.com |
<table class="e-table">
<thead class="e-thead primary">
<tr>
<th>NO°</th>
<th>First</th>
<th>Last</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>Efrain</td>
<td>Peralta</td>
<td>efraperalta@gmail.com</td>
</tr>
<!-- tr x3 -->
</tbody>
</table>If you are using our framework in a product that generates income,
you can also help its maintenance if you wish, if you frequently help in your company
or personal developments consider making a recurring donation.
If you want to see your company's logo on this site it's time to be a serious Sponsor.
