Table
| Last update: | () |
| Message | doc(search): new tags and hidden components --skip-ci |
| Committer: | Tamás Bíró |
| Version history | |
Default
Copy Jade
Copy HTML
Show code
Hide code
.e-table
<table data-e-version="2" class="e-table">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">
Email name
</th>
<th class="e-table__col e-table__col-large e-table__sort">
Recipient source
</th>
<th class="e-table__col e-table__col-small e-table__sort">
Status
</th>
<th class="e-table__col e-table__col-small">
Admin
</th>
<th class="e-table__col e-table__col-medium">
Template
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Created
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Changed
</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
Culpa ut commodo cillum, sunt sed adipiscing?
</td>
<td>
Voluptate dolore
</td>
<td>
Labore id
</td>
<td>
Duis aute
</td>
<td>
Sunt anim
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Occaecat in, dolore, in commodo.
</td>
<td>
Esse cupidatat
</td>
<td>
Elit minim
</td>
<td>
Lorem in
</td>
<td>
Laboris do
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Cupidatat incididunt quis commodo, voluptate excepteur proident ullamco proident aliqua ad adipiscing laboris.
</td>
<td>
Proident dolor
</td>
<td>
Aliqua voluptate
</td>
<td>
Excepteur deserunt
</td>
<td>
Duis duis
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Exercitation exercitation, sed cupidatat dolor eu ex adipiscing esse officia.
</td>
<td>
Officia velit
</td>
<td>
Ex sit
</td>
<td>
Aute laboris
</td>
<td>
Consequat occaecat
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Dolore, culpa magna ex.
</td>
<td>
Sed aliquip
</td>
<td>
Tempor cillum
</td>
<td>
Ut dolor
</td>
<td>
Officia amet
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table data-e-version="2" class="e-table">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">Email name</th>
<th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
<th class="e-table__col e-table__col-small e-table__sort">Status</th>
<th class="e-table__col e-table__col-small">Admin</th>
<th class="e-table__col e-table__col-medium">Template</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Aliqua non eiusmod consequat nulla, ut sunt mollit consequat.
</td>
<td>Cillum reprehenderit
</td>
<td>Nisi mollit
</td>
<td>Velit pariatur
</td>
<td>Incididunt aliquip
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Ipsum in quis non, tempor pariatur proident exercitation non do.
</td>
<td>Cillum minim
</td>
<td>Sunt ut
</td>
<td>Dolore aliquip
</td>
<td>Culpa consectetur
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Ut cillum veniam laborum id sint, sunt in.
</td>
<td>Ullamco officia
</td>
<td>Eiusmod cillum
</td>
<td>Fugiat exercitation
</td>
<td>Officia sint
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Consequat lorem sunt pariatur sed?
</td>
<td>Mollit eiusmod
</td>
<td>Aliquip nisi
</td>
<td>Consequat cillum
</td>
<td>Reprehenderit sed
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Ut deserunt, velit ut ea, occaecat voluptate et do.
</td>
<td>Aute voluptate
</td>
<td>Veniam veniam
</td>
<td>Duis tempor
</td>
<td>Mollit sunt
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Variations
Overview + pagination
Copy Jade
Copy HTML
Show code
Hide code
.e-table-overview
<table data-e-version="2" class="e-table e-table-overview">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">
Email name
</th>
<th class="e-table__col e-table__col-large e-table__sort">
Recipient source
</th>
<th class="e-table__col e-table__col-small e-table__sort">
Status
</th>
<th class="e-table__col e-table__col-small">
Admin
</th>
<th class="e-table__col e-table__col-medium">
Template
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Created
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Changed
</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
Fugiat ut excepteur excepteur minim esse irure, aliqua proident nulla in sunt.
</td>
<td>
Exercitation occaecat
</td>
<td>
Ipsum sint
</td>
<td>
Aute consequat
</td>
<td>
Minim sint
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Enim non dolore et, ut anim nisi id non in amet?
</td>
<td>
Cupidatat do
</td>
<td>
Qui sit
</td>
<td>
In sed
</td>
<td>
Irure enim
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Officia, culpa esse culpa ex.
</td>
<td>
Officia excepteur
</td>
<td>
Amet reprehenderit
</td>
<td>
Ut fugiat
</td>
<td>
Qui id
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Commodo excepteur labore commodo excepteur sit esse sunt amet sunt ex dolore commodo, occaecat, qui consectetur.
</td>
<td>
Ad est
</td>
<td>
Tempor in
</td>
<td>
Aliquip ut
</td>
<td>
Consequat excepteur
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Laborum sed laboris, minim aliqua, ad quis ut nulla quis ullamco nostrud.
</td>
<td>
Duis proident
</td>
<td>
Do dolor
</td>
<td>
Cupidatat in
</td>
<td>
Esse cillum
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="8">
<span class="float-right">
<div class="e-pagination">
<a href="#0" class="e-pagination__item e-pagination__item-prev e-pagination__item-disabled">
<e-icon icon="caret-left"></e-icon>
</a>
<span class="e-pagination__item e-pagination__item-active">
1
</span>
<a href="#0" class="e-pagination__item">
2
</a>
<a href="#0" class="e-pagination__item">
3
</a>
<a href="#0" class="e-pagination__item">
4
</a>
<a href="#0" class="e-pagination__item">
5
</a>
<a href="#0" class="e-pagination__item">
6
</a>
<a href="#0" class="e-pagination__item e-pagination__item-next">
<e-icon icon="caret-right"></e-icon>
</a>
</div>
</span>
Show
<select name="onpage" class="e-select e-select-inline e-select__select2 e-select-small">
<option value="5">
5
</option>
<option value="10">
10
</option>
<option value="15" selected="selected">
15
</option>
<option value="20">
20
</option>
<option value="25">
25
</option>
<option value="50">
50
</option>
</select>
rows
</td>
</tr>
</tfoot>
</table>
<table data-e-version="2" class="e-table e-table-overview">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">Email name</th>
<th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
<th class="e-table__col e-table__col-small e-table__sort">Status</th>
<th class="e-table__col e-table__col-small">Admin</th>
<th class="e-table__col e-table__col-medium">Template</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Id est, laboris, cillum nisi commodo culpa nostrud dolore?
</td>
<td>Consectetur do
</td>
<td>Dolore labore
</td>
<td>Qui incididunt
</td>
<td>Sed commodo
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Anim elit dolore, duis dolore, nostrud, adipiscing, et exercitation.
</td>
<td>Voluptate laboris
</td>
<td>Sed occaecat
</td>
<td>Veniam consectetur
</td>
<td>Aliquip dolor
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Quis ad id sit aliqua elit.
</td>
<td>Tempor qui
</td>
<td>Irure fugiat
</td>
<td>Commodo duis
</td>
<td>Magna adipiscing
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Sit, ut est officia adipiscing nostrud, cupidatat ex non occaecat do, dolore.
</td>
<td>Dolore deserunt
</td>
<td>Ea consequat
</td>
<td>Irure in
</td>
<td>Quis labore
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Fugiat sunt, consectetur deserunt in commodo sed proident.
</td>
<td>Reprehenderit veniam
</td>
<td>Amet cupidatat
</td>
<td>Non consectetur
</td>
<td>Irure aliqua
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="8"><span class="float-right">
<div class="e-pagination"><a href="#0" class="e-pagination__item e-pagination__item-prev e-pagination__item-disabled">
<e-icon icon="caret-left"></e-icon></a><span class="e-pagination__item e-pagination__item-active">1</span><a href="#0" class="e-pagination__item">2</a><a href="#0" class="e-pagination__item">3</a><a href="#0" class="e-pagination__item">4</a><a href="#0" class="e-pagination__item">5</a><a href="#0" class="e-pagination__item">6</a><a href="#0" class="e-pagination__item e-pagination__item-next">
<e-icon icon="caret-right"></e-icon></a></div></span>Show
<select name="onpage" class="e-select e-select-inline e-select__select2 e-select-small">
<option value="5">5</option>
<option value="10">10</option>
<option value="15" selected="selected">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="50">50</option>
</select> rows
</td>
</tr>
</tfoot>
</table>
With Advanced filters
Copy Jade
Copy HTML
Show code
Hide code
<table data-e-version="2" class="e-table e-table-overview">
<thead>
<tr>
<td colspan="8" class="e-table__col e-table__col-filter">
<div class="e-table__filter">
<label for="campaign_category" class="e-field__label e-field__label-inline e-field__label-small">
Email category
</label>
<select id="campaign_category" name="campaign_category" class="e-select e-select__select2 e-select-large">
<option value>
All categories
</option>
<option value="0">
No category
</option>
<option value="100000091">
Animals
</option>
</select>
</div>
<div class="e-table__settings">
<a href="#" class="js-advancedfilters-toggle e-toggle">
<span class="e-toggle__text">
More filters
</span>
<span class="e-toggle__text e-toggle__text-open">
Fewer filters
</span>
</a>
</div>
<script>
$(document).on('ready', function() { $('.js-advancedfilters-toggle').on('click', function(event) { event.preventDefault(); $('.js-advancedfilters-toggle').toggleClass('e-toggle-opened'); $('.js-advancedfilters').toggleClass('e-table__advancedfilters-active'); });});
</script>
<div class="e-row e-table__advancedfilters js-advancedfilters">
<div class="e-col-12">
<div class="e-field e-field-inline">
<label for="owner" class="e-field__label e-field__label-inline e-field__label-small">
Emails
</label>
<select id="owner" name="owner" class="e-select e-select__select2 e-select-small">
<option value="all" selected>
All
</option>
<option value="own">
Mine
</option>
</select>
</div>
<div class="e-field e-field-inline">
<label for="deleted" class="e-field__label e-field__label-inline e-field__label-small">
Status
</label>
<select id="deleted" name="deleted" onchange="RefreshView()" class="e-select e-select__select2 e-select-large">
<option value="n1000" selected="selected">
Current (last 200)
</option>
<option value="n">
All
</option>
<option value="y">
Deleted
</option>
</select>
<select name="astatus" onchange="RefreshView()" class="e-select e-select__select2 e-select-large">
<option value="0" selected>
All
</option>
<option value="1">
In Design
</option>
<option value="4">
Ready to Launch
</option>
<option value="2">
Tested
</option>
<option value="3">
Launched
</option>
</select>
</div>
<div class="e-field e-field-inline">
<label for="lang1" class="e-field__label e-field__label-inline e-field__label-small">
Language
</label>
<select id="lang1" name="lang1" class="e-select e-select__select2 e-select-large">
<option value>
All
</option>
<option value="ar">
arabic
</option>
<option value="bg">
bulgarian
</option>
<option value="cn">
chinese (simplified)
</option>
<option value="zh">
chinese (traditional)
</option>
<option value="hr">
croatian
</option>
<option value="cz">
czech
</option>
<option value="dk">
danish
</option>
<option value="nl">
dutch
</option>
<option value="en">
english
</option>
<option value="us">
English (US)
</option>
<option value="et">
Estonian
</option>
<option value="fi">
finnish
</option>
<option value="fr">
french
</option>
<option value="de">
german
</option>
<option value="EL">
greek
</option>
<option value="he">
hebrew
</option>
<option value="hi">
Hindi
</option>
<option value="hu">
hungarian
</option>
<option value="it">
italian
</option>
<option value="jp">
japanese
</option>
<option value="ko">
korean
</option>
<option value="lv">
Latvian
</option>
<option value="mk">
macedonian
</option>
<option value="mo">
moldavian
</option>
<option value="no">
norwegian
</option>
<option value="pl">
polish
</option>
<option value="pr">
portuguese
</option>
<option value="ro">
romanian
</option>
<option value="ru">
russian
</option>
<option value="sc">
Serbian
</option>
<option value="sr">
serbocroatian
</option>
<option value="sk">
slovak
</option>
<option value="sl">
slovenian
</option>
<option value="es">
spanish
</option>
<option value="sv">
swedish
</option>
<option value="th">
thai
</option>
<option value="tr">
turkish
</option>
<option value="uk">
ukrainian
</option>
</select>
</div>
<div class="e-field e-field-inline">
<input id="show_child_campaigns" type="checkbox" name="show_child_campaigns" class="e-checkbox">
<label id="showChildCampaignsLabel" for="show_child_campaigns">
Show child emails
</label>
</div>
<div class="e-field e-field-inline">
<input id="save_pref" type="checkbox" name="save_pref" class="e-checkbox">
<label for="save_pref">
Save settings
</label>
</div>
</div>
</div>
</td>
</tr>
<tr>
<th class="e-table__sort e-table__sort-desc">
Email name
</th>
<th class="e-table__col e-table__col-large e-table__sort">
Recipient source
</th>
<th class="e-table__col e-table__col-small e-table__sort">
Status
</th>
<th class="e-table__col e-table__col-small">
Admin
</th>
<th class="e-table__col e-table__col-medium">
Template
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Created
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Changed
</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
Mollit, lorem magna duis aliqua adipiscing id dolor eu id.
</td>
<td>
Velit sunt
</td>
<td>
Minim aute
</td>
<td>
Officia in
</td>
<td>
Magna cillum
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Dolor dolor reprehenderit labore fugiat lorem anim laborum.
</td>
<td>
Sint lorem
</td>
<td>
Ullamco aliqua
</td>
<td>
Non incididunt
</td>
<td>
Quis officia
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Excepteur voluptate et anim aute dolore fugiat mollit velit.
</td>
<td>
In cupidatat
</td>
<td>
Dolor dolor
</td>
<td>
Minim aute
</td>
<td>
Elit deserunt
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Mollit incididunt proident laborum mollit, quis sed consectetur in.
</td>
<td>
Sint occaecat
</td>
<td>
Irure tempor
</td>
<td>
Est dolore
</td>
<td>
Ea consequat
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sit, ipsum, cillum amet aliquip anim?
</td>
<td>
Id ut
</td>
<td>
Exercitation in
</td>
<td>
Do voluptate
</td>
<td>
Enim reprehenderit
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table data-e-version="2" class="e-table e-table-overview">
<thead>
<tr>
<td colspan="8" class="e-table__col e-table__col-filter">
<div class="e-table__filter">
<label for="campaign_category" class="e-field__label e-field__label-inline e-field__label-small">Email category</label>
<select id="campaign_category" name="campaign_category" class="e-select e-select__select2 e-select-large">
<option value="">All categories</option>
<option value="0">No category</option>
<option value="100000091">Animals</option>
</select>
</div>
<div class="e-table__settings"><a href="#" class="js-advancedfilters-toggle e-toggle"><span class="e-toggle__text">More filters</span><span class="e-toggle__text e-toggle__text-open">Fewer filters</span></a></div>
<script>
$(document).on('ready', function() {
$('.js-advancedfilters-toggle').on('click', function(event) {
event.preventDefault();
$('.js-advancedfilters-toggle').toggleClass('e-toggle-opened');
$('.js-advancedfilters').toggleClass('e-table__advancedfilters-active');
});
});
</script>
<div class="e-row e-table__advancedfilters js-advancedfilters">
<div class="e-col-12">
<div class="e-field e-field-inline">
<label for="owner" class="e-field__label e-field__label-inline e-field__label-small">Emails</label>
<select id="owner" name="owner" class="e-select e-select__select2 e-select-small">
<option value="all" selected="">All</option>
<option value="own">Mine</option>
</select>
</div>
<div class="e-field e-field-inline">
<label for="deleted" class="e-field__label e-field__label-inline e-field__label-small">Status</label>
<select id="deleted" name="deleted" onchange="RefreshView()" class="e-select e-select__select2 e-select-large">
<option value="n1000" selected="selected">Current (last 200)</option>
<option value="n">All</option>
<option value="y">Deleted</option>
</select>
<select name="astatus" onchange="RefreshView()" class="e-select e-select__select2 e-select-large">
<option value="0" selected="">All</option>
<option value="1">In Design</option>
<option value="4">Ready to Launch</option>
<option value="2">Tested</option>
<option value="3">Launched</option>
</select>
</div>
<div class="e-field e-field-inline">
<label for="lang1" class="e-field__label e-field__label-inline e-field__label-small">Language</label>
<select id="lang1" name="lang1" class="e-select e-select__select2 e-select-large">
<option value="">All</option>
<option value="ar">arabic</option>
<option value="bg">bulgarian</option>
<option value="cn">chinese (simplified)</option>
<option value="zh">chinese (traditional)</option>
<option value="hr">croatian</option>
<option value="cz">czech</option>
<option value="dk">danish</option>
<option value="nl">dutch</option>
<option value="en">english</option>
<option value="us">English (US)</option>
<option value="et">Estonian</option>
<option value="fi">finnish</option>
<option value="fr">french</option>
<option value="de">german</option>
<option value="EL">greek</option>
<option value="he">hebrew</option>
<option value="hi">Hindi</option>
<option value="hu">hungarian</option>
<option value="it">italian</option>
<option value="jp">japanese</option>
<option value="ko">korean</option>
<option value="lv">Latvian</option>
<option value="mk">macedonian</option>
<option value="mo">moldavian</option>
<option value="no">norwegian</option>
<option value="pl">polish</option>
<option value="pr">portuguese</option>
<option value="ro">romanian</option>
<option value="ru">russian</option>
<option value="sc">Serbian</option>
<option value="sr">serbocroatian</option>
<option value="sk">slovak</option>
<option value="sl">slovenian</option>
<option value="es">spanish</option>
<option value="sv">swedish</option>
<option value="th">thai</option>
<option value="tr">turkish</option>
<option value="uk">ukrainian</option>
</select>
</div>
<div class="e-field e-field-inline">
<input id="show_child_campaigns" type="checkbox" name="show_child_campaigns" class="e-checkbox">
<label id="showChildCampaignsLabel" for="show_child_campaigns">Show child emails</label>
</div>
<div class="e-field e-field-inline">
<input id="save_pref" type="checkbox" name="save_pref" class="e-checkbox">
<label for="save_pref">Save settings</label>
</div>
</div>
</div>
</td>
</tr>
<tr>
<th class="e-table__sort e-table__sort-desc">Email name</th>
<th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
<th class="e-table__col e-table__col-small e-table__sort">Status</th>
<th class="e-table__col e-table__col-small">Admin</th>
<th class="e-table__col e-table__col-medium">Template</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Elit incididunt sed sint eu ut adipiscing fugiat, aute, excepteur?
</td>
<td>Et deserunt
</td>
<td>Do in
</td>
<td>Ullamco irure
</td>
<td>Esse consequat
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Ut excepteur minim, dolore est, eiusmod dolor deserunt commodo reprehenderit.
</td>
<td>Aute magna
</td>
<td>Deserunt mollit
</td>
<td>Dolore est
</td>
<td>Ullamco sit
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Dolor qui aute, nulla est consectetur culpa aute ex.
</td>
<td>Sint velit
</td>
<td>Dolor laboris
</td>
<td>Eu enim
</td>
<td>Ut exercitation
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Elit dolor tempor consequat et pariatur cupidatat eu culpa, in ullamco.
</td>
<td>Dolore dolor
</td>
<td>Ullamco commodo
</td>
<td>Ut esse
</td>
<td>Veniam sed
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Aliquip esse aute, cillum, aute sunt cupidatat culpa in.
</td>
<td>Sunt ex
</td>
<td>Magna id
</td>
<td>Minim ad
</td>
<td>Occaecat ullamco
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Condensed
Copy Jade
Copy HTML
Show code
Hide code
.e-table-condensed
<table data-e-version="2" class="e-table e-table-condensed">
<tbody>
<tr>
<td>
Laborum in ut eiusmod officia, mollit lorem enim magna.
</td>
<td>
Occaecat id
</td>
<td>
Dolor officia
</td>
<td>
Esse incididunt
</td>
<td>
Fugiat enim
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sit, in, amet sit nostrud aliqua in exercitation velit lorem, ad culpa eiusmod, commodo mollit.
</td>
<td>
Elit nostrud
</td>
<td>
Tempor eiusmod
</td>
<td>
In pariatur
</td>
<td>
Dolor aliquip
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Laboris, esse laboris dolore ut, aliqua, enim, sunt ea commodo dolore, adipiscing.
</td>
<td>
Ut dolor
</td>
<td>
Occaecat do
</td>
<td>
Aliqua nisi
</td>
<td>
Occaecat ipsum
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ex ut do elit mollit velit sunt, ea aliquip?
</td>
<td>
Laboris anim
</td>
<td>
Quis dolore
</td>
<td>
Dolore ut
</td>
<td>
Consectetur dolor
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Cupidatat in dolore amet quis pariatur eu dolore enim pariatur tempor laborum.
</td>
<td>
Dolore incididunt
</td>
<td>
Magna quis
</td>
<td>
Irure deserunt
</td>
<td>
Quis culpa
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table data-e-version="2" class="e-table e-table-condensed">
<tbody>
<tr>
<td>Voluptate est amet tempor culpa ut, enim consectetur.
</td>
<td>Labore ut
</td>
<td>Dolore lorem
</td>
<td>Cillum mollit
</td>
<td>Ea dolor
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Irure occaecat commodo ex, in laboris officia culpa lorem, aliquip do, quis adipiscing occaecat.
</td>
<td>Ex do
</td>
<td>Non in
</td>
<td>Quis ea
</td>
<td>Occaecat eiusmod
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Aute labore est consequat lorem, ut.
</td>
<td>Et aliqua
</td>
<td>Officia do
</td>
<td>Ut do
</td>
<td>Tempor enim
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Irure deserunt sit culpa culpa, dolor reprehenderit.
</td>
<td>Nulla velit
</td>
<td>In ullamco
</td>
<td>Irure deserunt
</td>
<td>Nostrud laborum
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>In cillum cupidatat ipsum ad ad duis ut proident, sit ipsum ipsum exercitation labore in.
</td>
<td>Id laborum
</td>
<td>Est aliqua
</td>
<td>Proident dolore
</td>
<td>Dolore duis
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Inner
Copy Jade
Copy HTML
Show code
Hide code
.e-table-inner
<table data-e-version="2" class="e-table e-table-inner">
<tbody>
<tr>
<td>
Nisi elit duis, ut velit adipiscing laborum tempor dolore, nisi adipiscing quis laborum.
</td>
<td>
Non cupidatat
</td>
<td>
Ex deserunt
</td>
<td>
Veniam adipiscing
</td>
<td>
Ex ut
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Dolore pariatur in occaecat aute dolor aliquip ut.
</td>
<td>
Sunt quis
</td>
<td>
Ipsum irure
</td>
<td>
Qui nulla
</td>
<td>
Aute ut
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Laborum sunt do fugiat labore irure culpa laborum, ad, consectetur labore?
</td>
<td>
Incididunt minim
</td>
<td>
Ex tempor
</td>
<td>
Duis dolor
</td>
<td>
Sed tempor
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Id qui sunt dolore do anim occaecat irure, ut exercitation enim eu.
</td>
<td>
Minim officia
</td>
<td>
Pariatur do
</td>
<td>
Commodo in
</td>
<td>
Aute quis
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Consectetur qui duis amet esse enim fugiat lorem incididunt consequat?
</td>
<td>
Ut laboris
</td>
<td>
Quis duis
</td>
<td>
In aliquip
</td>
<td>
Duis ullamco
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table data-e-version="2" class="e-table e-table-inner">
<tbody>
<tr>
<td>Nostrud veniam nisi sint, ipsum, veniam.
</td>
<td>Dolor commodo
</td>
<td>Officia ut
</td>
<td>Excepteur ad
</td>
<td>Adipiscing velit
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Quis reprehenderit, cupidatat velit magna, deserunt et id minim deserunt sint cillum.
</td>
<td>Nulla pariatur
</td>
<td>Ut officia
</td>
<td>Irure ut
</td>
<td>Cupidatat elit
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Eiusmod excepteur excepteur, exercitation sed, elit, sit, sit eiusmod.
</td>
<td>Consequat ex
</td>
<td>Non sed
</td>
<td>Ex ea
</td>
<td>Velit dolore
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Voluptate culpa consectetur duis ut, in, irure aute amet.
</td>
<td>Sint proident
</td>
<td>Anim ut
</td>
<td>Eiusmod ullamco
</td>
<td>Minim amet
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Velit qui ullamco, ut nostrud minim enim, consequat aute.
</td>
<td>Cillum amet
</td>
<td>Excepteur in
</td>
<td>Officia ut
</td>
<td>Laboris officia
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Bordered
Copy Jade
Copy HTML
Show code
Hide code
.e-table-bordered
<table data-e-version="2" class="e-table e-table-bordered">
<tbody>
<tr>
<td>
Esse, ipsum, in laborum.
</td>
<td>
Commodo sint
</td>
<td>
Sit eiusmod
</td>
<td>
Est dolore
</td>
<td>
Ullamco consequat
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Aliquip exercitation, dolor amet elit, laboris voluptate, velit nostrud.
</td>
<td>
Eu mollit
</td>
<td>
Eiusmod ut
</td>
<td>
Excepteur minim
</td>
<td>
Cillum minim
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Lorem, et laboris, occaecat tempor sit aliqua, ut in aute do.
</td>
<td>
Officia culpa
</td>
<td>
Dolore commodo
</td>
<td>
Id occaecat
</td>
<td>
Nisi id
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Et deserunt ad aliqua nisi deserunt eu, in ut aute esse nisi lorem.
</td>
<td>
Ex ut
</td>
<td>
Anim tempor
</td>
<td>
Nulla irure
</td>
<td>
Officia excepteur
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Irure in cillum consectetur do nisi ullamco exercitation, aliquip, sunt consequat id?
</td>
<td>
In consectetur
</td>
<td>
Irure do
</td>
<td>
Laborum proident
</td>
<td>
Est ut
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table data-e-version="2" class="e-table e-table-bordered">
<tbody>
<tr>
<td>Occaecat anim ad proident commodo, esse incididunt ut, consequat cillum culpa reprehenderit elit et.
</td>
<td>Id in
</td>
<td>Ut aliqua
</td>
<td>Enim nostrud
</td>
<td>Culpa officia
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Veniam ea.
</td>
<td>Id sint
</td>
<td>Pariatur proident
</td>
<td>Mollit amet
</td>
<td>Qui dolore
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Est proident ex consequat amet aute cillum.
</td>
<td>Cupidatat do
</td>
<td>Non do
</td>
<td>Officia in
</td>
<td>Esse proident
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Proident exercitation in adipiscing culpa commodo occaecat laboris.
</td>
<td>Aute exercitation
</td>
<td>Et reprehenderit
</td>
<td>Ut occaecat
</td>
<td>Exercitation exercitation
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Sit laboris excepteur, consectetur laboris id sint.
</td>
<td>Cupidatat duis
</td>
<td>In consectetur
</td>
<td>Eiusmod sunt
</td>
<td>Excepteur qui
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Borderless table
Copy Jade
Copy HTML
Show code
Hide code
<table data-e-version="2" class="e-table">
<thead class="e-table__content e-table__content-without_border">
<tr>
<td>
Lorem, commodo, dolor ullamco tempor consequat pariatur, reprehenderit tempor id cupidatat, consequat laborum mollit ut nulla.
</td>
<td>
Exercitation officia, laborum ipsum fugiat dolore consequat minim qui.
</td>
</tr>
</thead>
<tbody class="e-table__content e-table__content-without_border">
<tr>
<td>
Veniam consequat occaecat proident, do quis in ad veniam labore, cillum occaecat.
</td>
<td>
Proident veniam non velit laborum dolor pariatur esse, in.
</td>
</tr>
<tr>
<td>
Fugiat enim aliqua dolore voluptate in, sint qui.
</td>
<td>
Enim ea ut ullamco irure enim reprehenderit?
</td>
</tr>
</tbody>
</table>
<table data-e-version="2" class="e-table">
<thead class="e-table__content e-table__content-without_border">
<tr>
<td>Et consectetur occaecat, sed, in elit ea cupidatat.
</td>
<td>Minim laborum voluptate, ullamco magna consectetur voluptate laboris, do dolore ut irure.
</td>
</tr>
</thead>
<tbody class="e-table__content e-table__content-without_border">
<tr>
<td>Ut mollit ipsum sed, dolor dolor qui, in.
</td>
<td>Fugiat, esse qui eu ipsum irure, eu, veniam qui dolor voluptate aliqua mollit?
</td>
</tr>
<tr>
<td>Nulla reprehenderit ut sed exercitation proident voluptate, nisi proident.
</td>
<td>Veniam cupidatat ut enim, do, commodo, incididunt incididunt consectetur.
</td>
</tr>
</tbody>
</table>
| Ut ut veniam officia exercitation cillum sunt laboris sed id amet. | Labore veniam exercitation eu ipsum lorem ad, ad? |
| Labore sed aliqua ut. | Ad, cupidatat irure elit, amet pariatur excepteur nulla, do sint sit aliqua dolore minim adipiscing. |
| Dolor dolore, ipsum aliquip sit incididunt. | Magna dolore, enim, pariatur anim, irure sint ad, do amet magna consequat. |
Vertical centered
Copy Jade
Copy HTML
Show code
Hide code
.e-table-verticalcentered
<table data-e-version="2" class="e-table e-table-verticalcentered">
<tbody>
<tr>
<td>
Lorem ipsum
<br>
dolor sit amet
</td>
<td>
Vertical centered text
</td>
</tr>
<tr>
<td>
Lorem ipsum dolor sit amet
</td>
<td>
Vertical centered text
</td>
</tr>
</tbody>
</table>
<table data-e-version="2" class="e-table e-table-verticalcentered">
<tbody>
<tr>
<td>Lorem ipsum<br>dolor sit amet</td>
<td>Vertical centered text</td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet</td>
<td>Vertical centered text</td>
</tr>
</tbody>
</table>
| Lorem ipsum dolor sit amet |
Vertical centered text |
| Lorem ipsum dolor sit amet | Vertical centered text |
New selected row
Copy Jade
Copy HTML
Show code
Hide code
<table data-e-version="2" class="e-table e-table-overview">
<tbody>
<tr class="e-table__row">
<td>
Ut, aliquip sint ut dolore dolor, commodo ad.
</td>
</tr>
<tr class="e-table__row e-table__row-active">
<td>
Eiusmod aliqua, consectetur mollit consequat eiusmod voluptate voluptate, proident.
</td>
</tr>
</tbody>
</table>
<table data-e-version="2" class="e-table e-table-overview">
<tbody>
<tr class="e-table__row">
<td>Eu laborum nostrud sint, magna minim deserunt aute sit, sint, incididunt aute irure?
</td>
</tr>
<tr class="e-table__row e-table__row-active">
<td>Deserunt ut ut lorem in id, qui sed ut qui ad do excepteur.
</td>
</tr>
</tbody>
</table>
| Et laboris non, culpa do consequat velit cupidatat et, et ut, nostrud. |
| Qui, minim ea tempor nulla et? |
Old Selected row
Copy Jade
Copy HTML
Show code
Hide code
<table data-e-version="2" class="e-table e-table-overview">
<thead>
<tr>
<td>
Commodo, eu et cillum pariatur ex esse aliqua adipiscing pariatur.
</td>
</tr>
</thead>
<tbody>
<tr>
<td class="e-table__col e-table__col-selected">
Do nostrud excepteur do eu nulla est.
</td>
</tr>
</tbody>
</table>
<table data-e-version="2" class="e-table e-table-overview">
<thead>
<tr>
<td>Do ad ipsum do, ut amet, commodo, minim, dolore eu reprehenderit, veniam aliqua?
</td>
</tr>
</thead>
<tbody>
<tr>
<td class="e-table__col e-table__col-selected">Consequat ea exercitation ut, aute aliqua amet, id fugiat, sed, amet dolore, deserunt ipsum dolor ad?
</td>
</tr>
</tbody>
</table>
| Est anim elit nulla, ut, magna aute et anim proident enim excepteur deserunt proident. |
| Cillum, laboris dolor. |
Rich content table list
Copy Jade
Copy HTML
Show code
Hide code
<table data-e-version="2" class="e-table e-table-verticalcentered e-table-condensed">
<tbody>
<tr class="e-table__row">
<td class="e-table__col e-table__col-auto">
<input type="checkbox" id="tablelist-1" class="e-checkbox e-checkbox-onlycheckbox">
<label for="tablelist-1"></label>
</td>
<td class="e-table__col e-table__col-auto">
<div style="background-image: url(https://placehold.it/650x1200/32d17e/fff);" class="e-table__thumbnail"></div>
</td>
<td>
<div class="text-lineheight">
<b>
Outlook 2013
</b>
<div class="text-color-shade">
Windows
</div>
</div>
</td>
<td class="e-table__col e-table__col-auto e-table__col-nowrap">
<e-icon icon="user" type="table"></e-icon>
82%
</td>
</tr>
<tr class="e-table__row">
<td class="e-table__col e-table__col-auto">
<input type="checkbox" id="tablelist-2" class="e-checkbox e-checkbox-onlycheckbox">
<label for="tablelist-2"></label>
</td>
<td class="e-table__col e-table__col-auto">
<div class="e-table__thumbnail e-table__thumbnail-empty"></div>
</td>
<td>
<div class="text-lineheight">
<b>
Outlook 2013
</b>
<div class="text-color-shade">
Windows
</div>
</div>
</td>
<td class="e-table__col e-table__col-auto e-table__col-nowrap">
<e-icon icon="user" type="table"></e-icon>
32%
</td>
</tr>
<tr class="e-table__row e-table__row-active">
<td class="e-table__col e-table__col-auto">
<input type="checkbox" id="tablelist-3" class="e-checkbox e-checkbox-onlycheckbox">
<label for="tablelist-3"></label>
</td>
<td class="e-table__col e-table__col-auto">
<div style="background-image: url(https://placehold.it/50x50/32d17e/fff);" class="e-table__thumbnail"></div>
</td>
<td>
<div class="text-lineheight">
<b>
Outlook 2013
</b>
<div class="text-color-shade">
Windows
</div>
</div>
</td>
<td class="e-table__col e-table__col-auto e-table__col-nowrap">
<e-icon icon="user" type="table"></e-icon>
12%
</td>
</tr>
<tr class="e-table__row">
<td class="e-table__col e-table__col-auto">
<input type="checkbox" id="tablelist-3" class="e-checkbox e-checkbox-onlycheckbox">
<label for="tablelist-3"></label>
</td>
<td class="e-table__col e-table__col-auto">
<div style="background-image: url(https://placehold.it/50x50/32d17e/fff);" class="e-table__thumbnail"></div>
</td>
<td>
<div class="text-lineheight">
<b class="text-color-warning">
<e-icon icon="e-clock-o" size="small" type="inline" color="warning"></e-icon>
Outlook 2013
</b>
<div class="text-color-warning">
Windows
</div>
</div>
</td>
<td class="e-table__col e-table__col-auto e-table__col-nowrap">
<e-icon icon="user" type="table"></e-icon>
12%
</td>
</tr>
</tbody>
</table>
<table data-e-version="2" class="e-table e-table-verticalcentered e-table-condensed">
<tbody>
<tr class="e-table__row">
<td class="e-table__col e-table__col-auto">
<input type="checkbox" id="tablelist-1" class="e-checkbox e-checkbox-onlycheckbox">
<label for="tablelist-1"></label>
</td>
<td class="e-table__col e-table__col-auto">
<div style="background-image: url(https://placehold.it/650x1200/32d17e/fff);" class="e-table__thumbnail"></div>
</td>
<td>
<div class="text-lineheight"><b>Outlook 2013</b>
<div class="text-color-shade">Windows</div>
</div>
</td>
<td class="e-table__col e-table__col-auto e-table__col-nowrap">
<e-icon icon="user" type="table"></e-icon>82%
</td>
</tr>
<tr class="e-table__row">
<td class="e-table__col e-table__col-auto">
<input type="checkbox" id="tablelist-2" class="e-checkbox e-checkbox-onlycheckbox">
<label for="tablelist-2"></label>
</td>
<td class="e-table__col e-table__col-auto">
<div class="e-table__thumbnail e-table__thumbnail-empty"></div>
</td>
<td>
<div class="text-lineheight"><b>Outlook 2013</b>
<div class="text-color-shade">Windows</div>
</div>
</td>
<td class="e-table__col e-table__col-auto e-table__col-nowrap">
<e-icon icon="user" type="table"></e-icon>32%
</td>
</tr>
<tr class="e-table__row e-table__row-active">
<td class="e-table__col e-table__col-auto">
<input type="checkbox" id="tablelist-3" class="e-checkbox e-checkbox-onlycheckbox">
<label for="tablelist-3"></label>
</td>
<td class="e-table__col e-table__col-auto">
<div style="background-image: url(https://placehold.it/50x50/32d17e/fff);" class="e-table__thumbnail"></div>
</td>
<td>
<div class="text-lineheight"><b>Outlook 2013</b>
<div class="text-color-shade">Windows</div>
</div>
</td>
<td class="e-table__col e-table__col-auto e-table__col-nowrap">
<e-icon icon="user" type="table"></e-icon>12%
</td>
</tr>
<tr class="e-table__row">
<td class="e-table__col e-table__col-auto">
<input type="checkbox" id="tablelist-3" class="e-checkbox e-checkbox-onlycheckbox">
<label for="tablelist-3"></label>
</td>
<td class="e-table__col e-table__col-auto">
<div style="background-image: url(https://placehold.it/50x50/32d17e/fff);" class="e-table__thumbnail"></div>
</td>
<td>
<div class="text-lineheight"><b class="text-color-warning">
<e-icon icon="e-clock-o" size="small" type="inline" color="warning"></e-icon>Outlook 2013</b>
<div class="text-color-warning">Windows</div>
</div>
</td>
<td class="e-table__col e-table__col-auto e-table__col-nowrap">
<e-icon icon="user" type="table"></e-icon>12%
</td>
</tr>
</tbody>
</table>
|
Outlook 2013
Windows
|
|
||
|
Outlook 2013
Windows
|
|
||
|
Outlook 2013
Windows
|
|
||
|
Windows
|
|
Class list
Col width modifier classes
| name | width |
|---|---|
| .e-table__col-auto | 1% |
| .e-table__col-xxsmall | 3% |
| .e-table__col-xsmall | 5% |
| .e-table__col-small | 10% |
| .e-table__col-medium | 15% |
| .e-table__col-large | 20% |
| .e-table__col-xlarge | 25% |
Table Deprecated Version
Hover
Copy Jade
Copy HTML
Show code
Hide code
e-table-hover
<table class="e-table e-table-hover">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">
Email name
</th>
<th class="e-table__col e-table__col-large e-table__sort">
Recipient source
</th>
<th class="e-table__col e-table__col-small e-table__sort">
Status
</th>
<th class="e-table__col e-table__col-small">
Admin
</th>
<th class="e-table__col e-table__col-medium">
Template
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Created
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Changed
</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
Adipiscing enim veniam adipiscing, in occaecat, in dolore, anim aliquip, dolore cupidatat officia?
</td>
<td>
Ea ut
</td>
<td>
Id officia
</td>
<td>
Nulla reprehenderit
</td>
<td>
Lorem cillum
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Minim irure, ad, aliqua adipiscing ullamco lorem esse, amet.
</td>
<td>
Ullamco esse
</td>
<td>
Ut sed
</td>
<td>
Dolor ipsum
</td>
<td>
Ut consectetur
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Consequat laborum nostrud exercitation qui quis commodo esse tempor excepteur est irure aliqua amet.
</td>
<td>
Eiusmod ut
</td>
<td>
Pariatur cupidatat
</td>
<td>
Velit dolor
</td>
<td>
Pariatur nisi
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Nulla dolor elit eu, anim dolore, ut adipiscing in.
</td>
<td>
Nisi dolore
</td>
<td>
In veniam
</td>
<td>
Duis occaecat
</td>
<td>
Laboris eiusmod
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Voluptate laborum ea eu sed pariatur veniam laboris ut in, reprehenderit, do occaecat.
</td>
<td>
Consequat aliqua
</td>
<td>
Ea in
</td>
<td>
Irure minim
</td>
<td>
Do nisi
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table class="e-table e-table-hover">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">Email name</th>
<th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
<th class="e-table__col e-table__col-small e-table__sort">Status</th>
<th class="e-table__col e-table__col-small">Admin</th>
<th class="e-table__col e-table__col-medium">Template</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Eu non minim eiusmod ipsum non in esse fugiat, amet?
</td>
<td>Eiusmod laborum
</td>
<td>Occaecat reprehenderit
</td>
<td>Laboris commodo
</td>
<td>Excepteur qui
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Exercitation quis, id consectetur laboris deserunt commodo, magna est ipsum.
</td>
<td>Eu anim
</td>
<td>Aliqua commodo
</td>
<td>Sint non
</td>
<td>Culpa duis
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Ipsum irure amet laboris sint labore labore adipiscing ut, aliqua tempor.
</td>
<td>Ullamco enim
</td>
<td>Nulla aliquip
</td>
<td>Dolor in
</td>
<td>Irure fugiat
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Aliquip pariatur mollit dolore, esse, ut.
</td>
<td>Exercitation ut
</td>
<td>Laboris laborum
</td>
<td>Sint magna
</td>
<td>Reprehenderit commodo
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Magna mollit tempor, do sint aliqua mollit mollit ipsum, officia magna.
</td>
<td>Velit dolore
</td>
<td>Eiusmod adipiscing
</td>
<td>Proident lorem
</td>
<td>Dolor magna
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Simple
Copy Jade
Copy HTML
Show code
Hide code
e-table-simple
<table class="e-table e-table-simple">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">
Email name
</th>
<th class="e-table__col e-table__col-large e-table__sort">
Recipient source
</th>
<th class="e-table__col e-table__col-small e-table__sort">
Status
</th>
<th class="e-table__col e-table__col-small">
Admin
</th>
<th class="e-table__col e-table__col-medium">
Template
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Created
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Changed
</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
Reprehenderit, tempor, irure tempor mollit elit voluptate in anim.
</td>
<td>
Tempor cupidatat
</td>
<td>
Et id
</td>
<td>
Non ut
</td>
<td>
Tempor do
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Minim consequat nulla adipiscing enim enim, in non, aliquip officia.
</td>
<td>
Consectetur esse
</td>
<td>
Cupidatat do
</td>
<td>
Eiusmod non
</td>
<td>
Dolore ad
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Duis non, adipiscing dolor irure mollit, sunt, quis adipiscing, aliquip, ea voluptate anim minim.
</td>
<td>
Proident aliqua
</td>
<td>
Voluptate nulla
</td>
<td>
Exercitation cillum
</td>
<td>
Excepteur ut
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Et ut ex dolor voluptate ut lorem enim.
</td>
<td>
In aute
</td>
<td>
Ex laborum
</td>
<td>
Dolor non
</td>
<td>
Dolor exercitation
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ipsum proident dolor velit, irure ut, magna culpa in in consectetur in in.
</td>
<td>
Adipiscing consectetur
</td>
<td>
Voluptate nisi
</td>
<td>
Velit duis
</td>
<td>
Nostrud laborum
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table class="e-table e-table-simple">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">Email name</th>
<th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
<th class="e-table__col e-table__col-small e-table__sort">Status</th>
<th class="e-table__col e-table__col-small">Admin</th>
<th class="e-table__col e-table__col-medium">Template</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Lorem excepteur deserunt adipiscing anim, reprehenderit ut ipsum.
</td>
<td>Ad irure
</td>
<td>Commodo deserunt
</td>
<td>Aliqua anim
</td>
<td>Dolor labore
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Reprehenderit dolore magna aute.
</td>
<td>Laboris nisi
</td>
<td>Anim elit
</td>
<td>Ullamco ullamco
</td>
<td>Et enim
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Proident aliquip ullamco aliqua proident elit in consectetur laborum labore sit quis, nisi.
</td>
<td>Amet duis
</td>
<td>Do labore
</td>
<td>Sint in
</td>
<td>Esse ipsum
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Magna deserunt exercitation, commodo.
</td>
<td>Ea in
</td>
<td>Anim eu
</td>
<td>Deserunt deserunt
</td>
<td>Lorem id
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Proident elit ut sed nisi sit exercitation nostrud.
</td>
<td>Cupidatat consectetur
</td>
<td>Veniam eu
</td>
<td>Minim laboris
</td>
<td>Excepteur do
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Inner
Copy Jade
Copy HTML
Show code
Hide code
e-table-inner
<table class="e-table e-table-inner">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">
Email name
</th>
<th class="e-table__col e-table__col-large e-table__sort">
Recipient source
</th>
<th class="e-table__col e-table__col-small e-table__sort">
Status
</th>
<th class="e-table__col e-table__col-small">
Admin
</th>
<th class="e-table__col e-table__col-medium">
Template
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Created
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Changed
</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
In sit velit lorem sit amet ad lorem.
</td>
<td>
Cillum do
</td>
<td>
Amet nulla
</td>
<td>
Velit nostrud
</td>
<td>
In ut
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
In laboris nulla pariatur, in, elit, adipiscing et est minim.
</td>
<td>
Proident sunt
</td>
<td>
Elit pariatur
</td>
<td>
Sint adipiscing
</td>
<td>
Cillum reprehenderit
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ipsum sint nulla consequat aliquip in, ullamco.
</td>
<td>
Lorem laboris
</td>
<td>
Mollit veniam
</td>
<td>
Laborum do
</td>
<td>
Enim ea
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ut magna eu, id, magna dolore velit non, occaecat pariatur, incididunt, do.
</td>
<td>
In cupidatat
</td>
<td>
Cupidatat cupidatat
</td>
<td>
Amet dolor
</td>
<td>
Dolor ad
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Minim, commodo ex tempor veniam commodo cillum, velit enim.
</td>
<td>
Sunt labore
</td>
<td>
Labore aliqua
</td>
<td>
Aliqua ullamco
</td>
<td>
Sit ex
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table class="e-table e-table-inner">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">Email name</th>
<th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
<th class="e-table__col e-table__col-small e-table__sort">Status</th>
<th class="e-table__col e-table__col-small">Admin</th>
<th class="e-table__col e-table__col-medium">Template</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Eu quis deserunt, ipsum, in, consectetur dolore cillum laborum in?
</td>
<td>Velit cupidatat
</td>
<td>Elit commodo
</td>
<td>In et
</td>
<td>Est tempor
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Dolore voluptate incididunt in incididunt fugiat sit esse sint qui, consectetur.
</td>
<td>Veniam cupidatat
</td>
<td>Ea eiusmod
</td>
<td>Ullamco fugiat
</td>
<td>Eu ut
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Aliquip enim in aute culpa lorem sit in lorem, sunt est irure consequat ipsum.
</td>
<td>Nostrud consectetur
</td>
<td>Cupidatat quis
</td>
<td>In voluptate
</td>
<td>Dolor laboris
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Velit, est dolore esse dolor id adipiscing id.
</td>
<td>Dolore eiusmod
</td>
<td>Velit ut
</td>
<td>Minim dolor
</td>
<td>Id aliqua
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Mollit dolor commodo veniam, culpa, voluptate pariatur sit consectetur.
</td>
<td>Veniam nulla
</td>
<td>Aliqua in
</td>
<td>Amet ullamco
</td>
<td>Duis commodo
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Summary
Copy Jade
Copy HTML
Show code
Hide code
e-table-summary
<table class="e-table e-table-summary">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">
Email name
</th>
<th class="e-table__col e-table__col-large e-table__sort">
Recipient source
</th>
<th class="e-table__col e-table__col-small e-table__sort">
Status
</th>
<th class="e-table__col e-table__col-small">
Admin
</th>
<th class="e-table__col e-table__col-medium">
Template
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Created
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Changed
</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
Do officia, aliquip, magna ut, in reprehenderit, do irure eiusmod.
</td>
<td>
Veniam in
</td>
<td>
Aliqua ut
</td>
<td>
Velit excepteur
</td>
<td>
Id esse
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Eu, ea et ut, tempor id ut.
</td>
<td>
Nulla cillum
</td>
<td>
Sed ut
</td>
<td>
Cupidatat eiusmod
</td>
<td>
Anim ut
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Aute, pariatur dolor dolor in sed nisi.
</td>
<td>
Ex culpa
</td>
<td>
Irure commodo
</td>
<td>
Labore occaecat
</td>
<td>
Cupidatat ex
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Nulla ullamco in irure dolore nisi exercitation ex, velit.
</td>
<td>
In exercitation
</td>
<td>
Eu ut
</td>
<td>
Reprehenderit ad
</td>
<td>
Consequat ad
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Culpa reprehenderit eiusmod cillum fugiat in culpa amet proident ad, non sed.
</td>
<td>
Aliquip labore
</td>
<td>
Consequat do
</td>
<td>
Minim eiusmod
</td>
<td>
Esse veniam
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table class="e-table e-table-summary">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">Email name</th>
<th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
<th class="e-table__col e-table__col-small e-table__sort">Status</th>
<th class="e-table__col e-table__col-small">Admin</th>
<th class="e-table__col e-table__col-medium">Template</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Anim aliquip culpa reprehenderit nisi veniam dolore adipiscing, enim, aliqua deserunt dolore?
</td>
<td>Exercitation dolor
</td>
<td>Aliquip ipsum
</td>
<td>Aute excepteur
</td>
<td>Deserunt laboris
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Voluptate in irure quis deserunt occaecat irure ad ad.
</td>
<td>Lorem do
</td>
<td>Sunt laborum
</td>
<td>Nulla cupidatat
</td>
<td>Id enim
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Magna minim, cupidatat id tempor nulla cupidatat, nostrud sunt.
</td>
<td>Quis eu
</td>
<td>Do irure
</td>
<td>Consectetur nostrud
</td>
<td>Dolore consequat
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Laborum dolore qui exercitation.
</td>
<td>Sint in
</td>
<td>Fugiat officia
</td>
<td>Qui est
</td>
<td>Mollit dolore
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Dolor qui consequat ex id, reprehenderit sint exercitation est enim dolor?
</td>
<td>Nostrud amet
</td>
<td>Excepteur veniam
</td>
<td>Tempor enim
</td>
<td>Mollit duis
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Bordered
Copy Jade
Copy HTML
Show code
Hide code
e-table-bordered
<table class="e-table e-table-bordered">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">
Email name
</th>
<th class="e-table__col e-table__col-large e-table__sort">
Recipient source
</th>
<th class="e-table__col e-table__col-small e-table__sort">
Status
</th>
<th class="e-table__col e-table__col-small">
Admin
</th>
<th class="e-table__col e-table__col-medium">
Template
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Created
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Changed
</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
Velit occaecat esse, ad, do irure, consequat, irure, tempor reprehenderit in.
</td>
<td>
Laboris in
</td>
<td>
Nisi dolore
</td>
<td>
Tempor sit
</td>
<td>
Dolore id
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Duis aliquip ipsum ex ea proident ut adipiscing minim, ea.
</td>
<td>
Cillum ut
</td>
<td>
Occaecat enim
</td>
<td>
Ullamco pariatur
</td>
<td>
Sunt ut
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Duis nulla culpa fugiat ad ut duis, dolor ut incididunt.
</td>
<td>
Dolore magna
</td>
<td>
Officia dolor
</td>
<td>
Sit ut
</td>
<td>
Eiusmod laboris
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Fugiat in deserunt pariatur.
</td>
<td>
Incididunt voluptate
</td>
<td>
Elit magna
</td>
<td>
Et elit
</td>
<td>
Qui minim
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Aute cupidatat, duis id, aliquip, deserunt sint officia dolore commodo eiusmod commodo enim consectetur.
</td>
<td>
Officia do
</td>
<td>
Ex quis
</td>
<td>
Lorem pariatur
</td>
<td>
Adipiscing est
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table class="e-table e-table-bordered">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">Email name</th>
<th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
<th class="e-table__col e-table__col-small e-table__sort">Status</th>
<th class="e-table__col e-table__col-small">Admin</th>
<th class="e-table__col e-table__col-medium">Template</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Mollit, dolor ex in, ullamco mollit, voluptate, eu eu voluptate.
</td>
<td>Magna quis
</td>
<td>Anim occaecat
</td>
<td>Amet officia
</td>
<td>Dolore nostrud
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Cillum cupidatat in, ut dolore ut, eu, laboris non ex.
</td>
<td>Et amet
</td>
<td>Sed tempor
</td>
<td>Do eiusmod
</td>
<td>Officia aute
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Lorem dolore commodo non in est proident labore, culpa excepteur ut.
</td>
<td>Occaecat veniam
</td>
<td>Dolor fugiat
</td>
<td>Incididunt laboris
</td>
<td>Voluptate magna
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Anim commodo, sunt, exercitation dolore, tempor et, sit et occaecat, incididunt elit.
</td>
<td>Eiusmod qui
</td>
<td>Aute nisi
</td>
<td>Consectetur esse
</td>
<td>Cupidatat mollit
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Voluptate, incididunt cillum pariatur, voluptate ut, ea sit do ut labore.
</td>
<td>Duis consectetur
</td>
<td>Id nisi
</td>
<td>Cillum in
</td>
<td>Excepteur elit
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Borderless
Copy Jade
Copy HTML
Show code
Hide code
e-table-borderless
<table class="e-table e-table-borderless">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">
Email name
</th>
<th class="e-table__col e-table__col-large e-table__sort">
Recipient source
</th>
<th class="e-table__col e-table__col-small e-table__sort">
Status
</th>
<th class="e-table__col e-table__col-small">
Admin
</th>
<th class="e-table__col e-table__col-medium">
Template
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Created
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Changed
</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
Aliqua incididunt et ipsum culpa esse elit, sed, sunt dolore ullamco incididunt.
</td>
<td>
Irure cillum
</td>
<td>
Dolore cillum
</td>
<td>
Ut officia
</td>
<td>
Laborum culpa
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Anim deserunt nostrud commodo ea, fugiat, aute duis, do dolore nostrud.
</td>
<td>
Amet tempor
</td>
<td>
Sit consectetur
</td>
<td>
Ipsum fugiat
</td>
<td>
Tempor ut
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Aute, nulla duis mollit fugiat reprehenderit.
</td>
<td>
Labore dolore
</td>
<td>
Consequat dolor
</td>
<td>
Ut sunt
</td>
<td>
Amet irure
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Mollit tempor id pariatur ad ad, ipsum.
</td>
<td>
Ullamco nulla
</td>
<td>
Excepteur dolore
</td>
<td>
Excepteur non
</td>
<td>
Aliqua dolore
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ut cupidatat, officia, proident ut mollit commodo elit, ut, veniam aute elit?
</td>
<td>
Nostrud dolore
</td>
<td>
Sunt adipiscing
</td>
<td>
In labore
</td>
<td>
Adipiscing cupidatat
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table class="e-table e-table-borderless">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">Email name</th>
<th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
<th class="e-table__col e-table__col-small e-table__sort">Status</th>
<th class="e-table__col e-table__col-small">Admin</th>
<th class="e-table__col e-table__col-medium">Template</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>In ut cupidatat minim laborum ut sit deserunt pariatur dolore duis.
</td>
<td>Dolore commodo
</td>
<td>Id commodo
</td>
<td>Veniam ex
</td>
<td>Incididunt deserunt
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Culpa irure lorem, ut anim mollit, magna.
</td>
<td>Eiusmod minim
</td>
<td>Nulla dolore
</td>
<td>Ut ut
</td>
<td>Consequat nulla
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Proident pariatur minim fugiat nostrud.
</td>
<td>Aliqua pariatur
</td>
<td>Eu irure
</td>
<td>Tempor amet
</td>
<td>Eu proident
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Quis esse et, non, veniam qui.
</td>
<td>Cupidatat dolore
</td>
<td>Laborum consectetur
</td>
<td>Lorem ullamco
</td>
<td>Et pariatur
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Labore, laboris consectetur reprehenderit, sit commodo, ipsum.
</td>
<td>Labore ea
</td>
<td>Proident minim
</td>
<td>Enim cupidatat
</td>
<td>Cupidatat ut
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Centered
Copy Jade
Copy HTML
Show code
Hide code
e-table-centered
<table class="e-table e-table-centered">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">
Email name
</th>
<th class="e-table__col e-table__col-large e-table__sort">
Recipient source
</th>
<th class="e-table__col e-table__col-small e-table__sort">
Status
</th>
<th class="e-table__col e-table__col-small">
Admin
</th>
<th class="e-table__col e-table__col-medium">
Template
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Created
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Changed
</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
Ut consequat in sit aliqua ad minim.
</td>
<td>
Sint voluptate
</td>
<td>
Sit ut
</td>
<td>
Amet eu
</td>
<td>
Nulla quis
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Duis duis nisi magna id reprehenderit lorem fugiat ullamco, dolore.
</td>
<td>
Sint consectetur
</td>
<td>
Quis eiusmod
</td>
<td>
Esse nostrud
</td>
<td>
Laboris consectetur
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ex, elit, minim, est in, exercitation voluptate aliquip culpa sunt commodo.
</td>
<td>
Esse velit
</td>
<td>
Enim occaecat
</td>
<td>
Magna qui
</td>
<td>
Excepteur enim
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Occaecat, fugiat non ea, nisi, ipsum anim ipsum, tempor.
</td>
<td>
Ex ad
</td>
<td>
Ullamco velit
</td>
<td>
Duis enim
</td>
<td>
Magna magna
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Pariatur labore magna tempor proident consectetur veniam nostrud consequat voluptate mollit eu, exercitation consectetur in.
</td>
<td>
Quis voluptate
</td>
<td>
Duis laboris
</td>
<td>
Dolor magna
</td>
<td>
Lorem sed
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table class="e-table e-table-centered">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">Email name</th>
<th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
<th class="e-table__col e-table__col-small e-table__sort">Status</th>
<th class="e-table__col e-table__col-small">Admin</th>
<th class="e-table__col e-table__col-medium">Template</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Id duis magna sit amet, exercitation aliquip ea, ad ullamco duis duis.
</td>
<td>Incididunt cupidatat
</td>
<td>Proident occaecat
</td>
<td>In lorem
</td>
<td>Consequat anim
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Ad sit, aliquip deserunt eiusmod in.
</td>
<td>Quis do
</td>
<td>Minim ad
</td>
<td>Elit sunt
</td>
<td>Proident fugiat
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Elit aliqua lorem, officia ad velit, enim est anim ipsum nulla voluptate laborum.
</td>
<td>Cupidatat in
</td>
<td>Labore id
</td>
<td>Cillum ut
</td>
<td>Ut occaecat
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Exercitation commodo sed deserunt nulla laborum esse laborum commodo, in?
</td>
<td>Duis amet
</td>
<td>Labore pariatur
</td>
<td>Commodo consequat
</td>
<td>Culpa dolor
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Ea, dolore deserunt, nisi minim sed dolor magna, in.
</td>
<td>Ad nulla
</td>
<td>Est nulla
</td>
<td>Esse cillum
</td>
<td>Culpa deserunt
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Centered text
Copy Jade
Copy HTML
Show code
Hide code
e-table-centeredtext
<table class="e-table e-table-centeredtext">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">
Email name
</th>
<th class="e-table__col e-table__col-large e-table__sort">
Recipient source
</th>
<th class="e-table__col e-table__col-small e-table__sort">
Status
</th>
<th class="e-table__col e-table__col-small">
Admin
</th>
<th class="e-table__col e-table__col-medium">
Template
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Created
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Changed
</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
Minim dolor qui velit sit cillum enim, ea, reprehenderit eiusmod non.
</td>
<td>
Ex proident
</td>
<td>
Exercitation in
</td>
<td>
Id qui
</td>
<td>
Veniam non
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sint eu minim ut ullamco labore.
</td>
<td>
Elit mollit
</td>
<td>
Ad cupidatat
</td>
<td>
Est qui
</td>
<td>
Proident aliquip
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Id dolor officia ut consequat voluptate consequat in ex laboris velit.
</td>
<td>
Nisi officia
</td>
<td>
Nisi exercitation
</td>
<td>
Quis adipiscing
</td>
<td>
Quis dolor
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Magna, aliquip ipsum dolore enim ipsum, dolore commodo cillum culpa veniam.
</td>
<td>
Magna veniam
</td>
<td>
Adipiscing dolor
</td>
<td>
Sed mollit
</td>
<td>
Sit reprehenderit
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Tempor nisi dolore est nostrud lorem qui aute, labore laboris in sit in fugiat, velit.
</td>
<td>
Velit cupidatat
</td>
<td>
Voluptate ut
</td>
<td>
Proident eiusmod
</td>
<td>
Voluptate laborum
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table class="e-table e-table-centeredtext">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">Email name</th>
<th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
<th class="e-table__col e-table__col-small e-table__sort">Status</th>
<th class="e-table__col e-table__col-small">Admin</th>
<th class="e-table__col e-table__col-medium">Template</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Cupidatat velit irure reprehenderit magna exercitation cillum eiusmod, ea proident ea?
</td>
<td>Laborum laborum
</td>
<td>Sunt nisi
</td>
<td>Consectetur dolore
</td>
<td>Cillum incididunt
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Ea dolore aliquip officia aliqua, dolor qui ea, tempor.
</td>
<td>Nostrud excepteur
</td>
<td>In minim
</td>
<td>Elit ipsum
</td>
<td>Irure ex
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Nulla commodo laborum, eiusmod dolor, et.
</td>
<td>Est mollit
</td>
<td>Ut eu
</td>
<td>Labore cillum
</td>
<td>Consequat sunt
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Occaecat adipiscing ad, ad dolor, ullamco incididunt dolor irure.
</td>
<td>Adipiscing officia
</td>
<td>Qui duis
</td>
<td>Ea sit
</td>
<td>Laboris id
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Ad, velit reprehenderit sit officia quis, voluptate proident eu aliquip.
</td>
<td>In aliquip
</td>
<td>Consequat proident
</td>
<td>Esse laboris
</td>
<td>Irure ipsum
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Fixed
Copy Jade
Copy HTML
Show code
Hide code
e-table-fixed
<table class="e-table e-table-fixed">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">
Email name
</th>
<th class="e-table__col e-table__col-large e-table__sort">
Recipient source
</th>
<th class="e-table__col e-table__col-small e-table__sort">
Status
</th>
<th class="e-table__col e-table__col-small">
Admin
</th>
<th class="e-table__col e-table__col-medium">
Template
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Created
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Changed
</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
Nulla ut non ut quis aliqua, lorem sit.
</td>
<td>
Dolore dolore
</td>
<td>
Est do
</td>
<td>
Adipiscing lorem
</td>
<td>
Elit laboris
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Laborum sit exercitation anim, dolor id, elit ut.
</td>
<td>
Ut aliquip
</td>
<td>
Irure tempor
</td>
<td>
Velit mollit
</td>
<td>
Officia in
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Proident, elit, cillum tempor dolore?
</td>
<td>
Voluptate nostrud
</td>
<td>
Ullamco enim
</td>
<td>
Ut excepteur
</td>
<td>
Ut in
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ut, enim labore est exercitation, esse dolore.
</td>
<td>
Nulla consequat
</td>
<td>
Ea commodo
</td>
<td>
Occaecat cillum
</td>
<td>
Mollit aliqua
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Excepteur aute in elit quis pariatur aliqua lorem in aliqua.
</td>
<td>
Do ut
</td>
<td>
Nisi mollit
</td>
<td>
Non incididunt
</td>
<td>
Occaecat fugiat
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table class="e-table e-table-fixed">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">Email name</th>
<th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
<th class="e-table__col e-table__col-small e-table__sort">Status</th>
<th class="e-table__col e-table__col-small">Admin</th>
<th class="e-table__col e-table__col-medium">Template</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Duis consequat occaecat aliquip amet in dolor tempor.
</td>
<td>Aute cupidatat
</td>
<td>Excepteur cillum
</td>
<td>Exercitation ut
</td>
<td>Amet et
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Aliqua, labore, culpa sint esse proident ex, officia officia incididunt sit, ea, enim, exercitation ut.
</td>
<td>Nostrud aute
</td>
<td>Amet do
</td>
<td>Duis qui
</td>
<td>Occaecat commodo
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Proident ea do voluptate nostrud ad ullamco, elit pariatur fugiat mollit.
</td>
<td>Consectetur elit
</td>
<td>Ut sed
</td>
<td>Minim ut
</td>
<td>Excepteur cillum
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Occaecat exercitation elit in nulla ut enim veniam.
</td>
<td>Ad laborum
</td>
<td>Qui dolor
</td>
<td>Ad irure
</td>
<td>Occaecat ad
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Laborum magna sunt ad magna quis in cupidatat culpa quis cillum?
</td>
<td>Aute exercitation
</td>
<td>Ea ut
</td>
<td>Quis do
</td>
<td>Fugiat tempor
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Compact
Copy Jade
Copy HTML
Show code
Hide code
e-table-compact
<table class="e-table e-table-compact">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">
Email name
</th>
<th class="e-table__col e-table__col-large e-table__sort">
Recipient source
</th>
<th class="e-table__col e-table__col-small e-table__sort">
Status
</th>
<th class="e-table__col e-table__col-small">
Admin
</th>
<th class="e-table__col e-table__col-medium">
Template
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Created
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Changed
</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
Qui nulla, in, velit magna adipiscing, id.
</td>
<td>
Reprehenderit elit
</td>
<td>
Et proident
</td>
<td>
Duis eiusmod
</td>
<td>
Ut ut
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Esse officia enim, ut amet exercitation sunt id eu non.
</td>
<td>
In ex
</td>
<td>
Duis exercitation
</td>
<td>
Labore mollit
</td>
<td>
Eiusmod ea
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Eu id in ullamco, officia sint sit, enim sit, do?
</td>
<td>
Laborum sit
</td>
<td>
Excepteur sunt
</td>
<td>
Laborum occaecat
</td>
<td>
Nulla ullamco
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Velit sint aliqua qui ut cupidatat excepteur.
</td>
<td>
Cillum est
</td>
<td>
Dolore exercitation
</td>
<td>
Proident lorem
</td>
<td>
Culpa qui
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Dolore sed ex laborum, deserunt pariatur laboris, dolore irure ullamco elit reprehenderit occaecat, exercitation.
</td>
<td>
Proident in
</td>
<td>
Duis aute
</td>
<td>
Officia minim
</td>
<td>
Aute eu
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table class="e-table e-table-compact">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">Email name</th>
<th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
<th class="e-table__col e-table__col-small e-table__sort">Status</th>
<th class="e-table__col e-table__col-small">Admin</th>
<th class="e-table__col e-table__col-medium">Template</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Do ut velit consectetur ex, incididunt dolor quis ex proident velit, elit.
</td>
<td>Tempor in
</td>
<td>Irure est
</td>
<td>Ullamco pariatur
</td>
<td>Ipsum ut
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Reprehenderit, sint, nisi minim sunt sed, irure incididunt tempor ullamco.
</td>
<td>Aute est
</td>
<td>Fugiat pariatur
</td>
<td>Labore sed
</td>
<td>In in
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>In cillum laborum, ex eu dolore in, quis, ullamco, duis reprehenderit minim.
</td>
<td>Duis fugiat
</td>
<td>Eiusmod non
</td>
<td>Laborum officia
</td>
<td>Sed mollit
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Excepteur ut, enim irure ad ut deserunt.
</td>
<td>Aliqua duis
</td>
<td>Culpa deserunt
</td>
<td>Amet culpa
</td>
<td>Nostrud occaecat
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Laborum aute consectetur dolor consectetur sint.
</td>
<td>Enim sit
</td>
<td>Ut ullamco
</td>
<td>Exercitation dolore
</td>
<td>Do cupidatat
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>
Nopadding
Copy Jade
Copy HTML
Show code
Hide code
e-table-nopadding
<table class="e-table e-table-nopadding">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">
Email name
</th>
<th class="e-table__col e-table__col-large e-table__sort">
Recipient source
</th>
<th class="e-table__col e-table__col-small e-table__sort">
Status
</th>
<th class="e-table__col e-table__col-small">
Admin
</th>
<th class="e-table__col e-table__col-medium">
Template
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Created
</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">
Changed
</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
Do non irure occaecat reprehenderit, in in amet non consectetur laboris voluptate esse sunt.
</td>
<td>
Deserunt esse
</td>
<td>
Sit reprehenderit
</td>
<td>
Fugiat in
</td>
<td>
Sunt nostrud
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Non voluptate id tempor ut exercitation labore id.
</td>
<td>
Ex pariatur
</td>
<td>
Cillum anim
</td>
<td>
Id duis
</td>
<td>
Proident labore
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Do id pariatur deserunt, velit ipsum.
</td>
<td>
Cupidatat incididunt
</td>
<td>
Sed qui
</td>
<td>
Nulla ex
</td>
<td>
Ea sit
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Aliqua pariatur, ipsum, adipiscing dolor occaecat reprehenderit sunt.
</td>
<td>
Sint in
</td>
<td>
Et proident
</td>
<td>
Duis minim
</td>
<td>
Ut occaecat
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ut anim ut ut velit aute pariatur labore dolor exercitation sunt.
</td>
<td>
Magna nostrud
</td>
<td>
Ad cillum
</td>
<td>
Non laboris
</td>
<td>
Sint dolor
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-nowrap">
17.11.2015
</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit">
<a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>
<table class="e-table e-table-nopadding">
<thead>
<tr>
<th class="e-table__sort e-table__sort-desc">Email name</th>
<th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
<th class="e-table__col e-table__col-small e-table__sort">Status</th>
<th class="e-table__col e-table__col-small">Admin</th>
<th class="e-table__col e-table__col-medium">Template</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
<th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
<th class="e-table__col e-table__col-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Aute officia exercitation deserunt.
</td>
<td>Adipiscing cillum
</td>
<td>Sint nisi
</td>
<td>Ipsum dolore
</td>
<td>Dolore ut
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Non elit adipiscing ipsum ea anim?
</td>
<td>Exercitation sed
</td>
<td>Cillum ad
</td>
<td>Sint cillum
</td>
<td>Et duis
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Commodo exercitation, anim ad proident.
</td>
<td>Sed eu
</td>
<td>Cillum dolor
</td>
<td>Veniam velit
</td>
<td>Ad aute
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Enim do cupidatat amet irure veniam, do consequat officia sunt cupidatat laborum, laborum.
</td>
<td>Non amet
</td>
<td>Voluptate eiusmod
</td>
<td>Qui fugiat
</td>
<td>In occaecat
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
<tr>
<td>Duis in reprehenderit proident lorem, ut mollit tempor, eiusmod.
</td>
<td>Culpa laborum
</td>
<td>Velit reprehenderit
</td>
<td>Nisi ut
</td>
<td>Proident ut
</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-nowrap">17.11.2015</td>
<td class="e-table__col e-table__col-actions">
<e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
<e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
<e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
<e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
<e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
<e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
</td>
</tr>
</tbody>
</table>