Table
Default
<table class="e-table" data-e-version="2">
<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 do mollit anim eu.
</td>
<td>
Occaecat duis
</td>
<td>
Reprehenderit occaecat
</td>
<td>
Ex sint
</td>
<td>
Cupidatat 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Eiusmod pariatur anim, consectetur ut veniam, commodo, veniam elit et.
</td>
<td>
Ullamco culpa
</td>
<td>
Commodo dolore
</td>
<td>
Dolor do
</td>
<td>
Ex 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Id incididunt qui nostrud dolore in duis lorem occaecat labore.
</td>
<td>
Sit cillum
</td>
<td>
Ea dolore
</td>
<td>
Elit sint
</td>
<td>
Deserunt 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Consectetur duis culpa ex proident officia occaecat labore.
</td>
<td>
Officia duis
</td>
<td>
In do
</td>
<td>
Qui laborum
</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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Veniam in eiusmod ad ad, ipsum cupidatat?
</td>
<td>
Dolor minim
</td>
<td>
In aute
</td>
<td>
Cupidatat sed
</td>
<td>
Qui 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table><table class="e-table" data-e-version="2">
<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>
Consequat aute, consequat cupidatat cillum in pariatur officia.
</td>
<td>
Cupidatat in
</td>
<td>
Commodo excepteur
</td>
<td>
Ipsum occaecat
</td>
<td>
Laborum 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Nisi ex, nostrud dolor, culpa nostrud commodo tempor excepteur, sed.
</td>
<td>
In nulla
</td>
<td>
Elit enim
</td>
<td>
Dolor officia
</td>
<td>
Reprehenderit 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Aliquip, ex eu cillum sit magna ea id lorem sed?
</td>
<td>
Sint pariatur
</td>
<td>
Dolor fugiat
</td>
<td>
Amet aliqua
</td>
<td>
Pariatur 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Qui lorem magna labore deserunt qui.
</td>
<td>
Voluptate ut
</td>
<td>
Magna id
</td>
<td>
Eu cillum
</td>
<td>
Culpa 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Lorem aliqua ex, lorem laborum nostrud non amet, enim sint.
</td>
<td>
Tempor ullamco
</td>
<td>
Nisi ex
</td>
<td>
Consectetur incididunt
</td>
<td>
Sint 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
Variations
Overview + pagination
<table class="e-table e-table-overview" data-e-version="2">
<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>
Laborum, sunt in, veniam ex dolor in esse.
</td>
<td>
Dolor veniam
</td>
<td>
Non elit
</td>
<td>
Labore et
</td>
<td>
Aliqua 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Incididunt non est sunt, deserunt deserunt id cupidatat, sed?
</td>
<td>
Exercitation sed
</td>
<td>
Ullamco tempor
</td>
<td>
Excepteur voluptate
</td>
<td>
Sunt 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Nisi ex, aliqua, aliquip esse elit aliqua consequat id lorem quis anim culpa reprehenderit.
</td>
<td>
Laborum lorem
</td>
<td>
Dolor amet
</td>
<td>
Fugiat in
</td>
<td>
Commodo 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Nulla elit, consectetur nostrud est in anim adipiscing ullamco lorem.
</td>
<td>
Amet in
</td>
<td>
Pariatur ex
</td>
<td>
Ut sit
</td>
<td>
Aliqua 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Dolor proident do dolore, ut in ut, sint.
</td>
<td>
Enim proident
</td>
<td>
Sunt laborum
</td>
<td>
Enim lorem
</td>
<td>
Incididunt 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="8">
<span class="float-right">
<e-pagination max-page="8" current-page="1"></e-pagination>
</span>
Show
<select class="e-select e-select-inline e-select__select2 e-select-small" name="onpage">
<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 class="e-table e-table-overview" data-e-version="2">
<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>
Sit pariatur elit laboris incididunt in do excepteur amet.
</td>
<td>
Fugiat aliquip
</td>
<td>
Cupidatat duis
</td>
<td>
Duis et
</td>
<td>
Et 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Dolor, id qui consequat consequat commodo occaecat.
</td>
<td>
Commodo pariatur
</td>
<td>
Quis ad
</td>
<td>
Ut aute
</td>
<td>
Sed 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Qui ea, pariatur proident ut reprehenderit aliqua commodo ut, eiusmod ipsum.
</td>
<td>
Adipiscing duis
</td>
<td>
Sint ut
</td>
<td>
Adipiscing pariatur
</td>
<td>
Tempor 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Incididunt nulla in, esse laboris reprehenderit aliquip elit?
</td>
<td>
Adipiscing tempor
</td>
<td>
Officia irure
</td>
<td>
Aliqua esse
</td>
<td>
Tempor 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Et sunt enim adipiscing reprehenderit, eiusmod nulla, magna ad laborum, dolor.
</td>
<td>
Voluptate quis
</td>
<td>
Do ut
</td>
<td>
Dolore incididunt
</td>
<td>
Sint 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="8">
<span class="float-right">
<e-pagination max-page="8" current-page="1"></e-pagination>
</span>
Show
<select class="e-select e-select-inline e-select__select2 e-select-small" name="onpage">
<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>JavaScript
Right aligned col
<table class="e-table e-table-bordered" data-e-version="2">
<thead>
<tr>
<th class="e-table__col e-table__sort">
Value
</th>
<th class="e-table__col e-table__sort">
Type
</th>
<th class="e-table__col e-table__col-large e-table__col-right e-table__sort">
Type
</th>
<th class="e-table__col e-table__col-right"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
10%
</td>
<td>
Discount
</td>
<td class="e-table__col e-table__col-large e-table__col-right">
0
</td>
<td class="e-table__col e-table__col-right">
<a></a>
<e-icon icon="trash-o" type="table"></e-icon>
</td>
</tr>
<tr>
<td>
10%
</td>
<td>
Discount
</td>
<td class="e-table__col e-table__col-large e-table__col-right">
0
</td>
<td class="e-table__col e-table__col-right">
<a></a>
<e-icon icon="trash-o" type="table"></e-icon>
</td>
</tr>
</tbody>
</table><table class="e-table e-table-bordered" data-e-version="2">
<thead>
<tr>
<th class="e-table__col e-table__sort">
Value
</th>
<th class="e-table__col e-table__sort">
Type
</th>
<th class="e-table__col e-table__col-large e-table__col-right e-table__sort">
Type
</th>
<th class="e-table__col e-table__col-right"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
10%
</td>
<td>
Discount
</td>
<td class="e-table__col e-table__col-large e-table__col-right">
0
</td>
<td class="e-table__col e-table__col-right">
<a></a>
<e-icon icon="trash-o" type="table"></e-icon>
</td>
</tr>
<tr>
<td>
10%
</td>
<td>
Discount
</td>
<td class="e-table__col e-table__col-large e-table__col-right">
0
</td>
<td class="e-table__col e-table__col-right">
<a></a>
<e-icon icon="trash-o" type="table"></e-icon>
</td>
</tr>
</tbody>
</table>JavaScript
| Value | Type | Type | |
|---|---|---|---|
| 10% | Discount | 0 | |
| 10% | Discount | 0 |
With Advanced filters
<table class="e-table e-table-overview" data-e-version="2">
<thead>
<tr>
<td class="e-table__col e-table__col-filter" colspan="8">
<div class="e-table__filter">
<label class="e-field__label e-field__label-inline e-field__label-small" for="campaign_category">
Email category
</label>
<select class="e-select e-select__select2 e-select-large" id="campaign_category" name="campaign_category">
<option value>
All categories
</option>
<option value="0">
No category
</option>
<option value="100000091">
Animals
</option>
</select>
</div>
<div class="e-table__settings">
<a class="js-advancedfilters-toggle e-toggle" href="#">
<span class="e-toggle__text">
More filters
</span>
<span class="e-toggle__text e-toggle__text-open">
Fewer filters
</span>
</a>
</div>
<div class="float-right e-table__settings">
<a class="e-learnmore" href="#0" target="_blank">
<e-icon class="e-learnmore__icon" icon="e-learnmore" size="small"></e-icon>
<span class="e-learnmore__text">
Learn more
</span>
</a>
</div>
<div class="e-row e-table__advancedfilters js-advancedfilters">
<div class="e-col-12">
<div class="e-field e-field-inline">
<label class="e-field__label e-field__label-inline e-field__label-small" for="owner">
Emails
</label>
<select class="e-select e-select__select2 e-select-small" id="owner" name="owner">
<option value="all" selected>
All
</option>
<option value="own">
Mine
</option>
</select>
</div>
<div class="e-field e-field-inline">
<label class="e-field__label e-field__label-inline e-field__label-small" for="deleted">
Status
</label>
<select class="e-select e-select__select2 e-select-large" id="deleted" name="deleted" onchange="RefreshView()">
<option value="n1000" selected="selected">
Current (last 200)
</option>
<option value="n">
All
</option>
<option value="y">
Deleted
</option>
</select>
<select class="e-select e-select__select2 e-select-large" name="astatus" onchange="RefreshView()">
<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 class="e-field__label e-field__label-inline e-field__label-small" for="lang1">
Language
</label>
<select class="e-select e-select__select2 e-select-large" id="lang1" name="lang1">
<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 class="e-checkbox" id="show_child_campaigns" type="checkbox" name="show_child_campaigns">
<label id="showChildCampaignsLabel" for="show_child_campaigns">
Show child emails
</label>
</div>
<div class="e-field e-field-inline">
<input class="e-checkbox" id="save_pref" type="checkbox" name="save_pref">
<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>
Dolore ullamco dolor id, commodo aute in aute.
</td>
<td>
Non officia
</td>
<td>
Exercitation culpa
</td>
<td>
Aute ullamco
</td>
<td>
Minim 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Magna proident, aliqua, ipsum, nostrud commodo elit voluptate, nulla do officia magna, id.
</td>
<td>
Nostrud laborum
</td>
<td>
Sunt ut
</td>
<td>
Fugiat in
</td>
<td>
Incididunt 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ex, duis, aliquip, culpa laboris incididunt do duis commodo ea veniam?
</td>
<td>
Fugiat ad
</td>
<td>
Dolore do
</td>
<td>
Deserunt ut
</td>
<td>
Proident 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ut in proident, qui, ea magna eu, dolor veniam, minim, labore, est, aliquip aute.
</td>
<td>
Eu laboris
</td>
<td>
Reprehenderit exercitation
</td>
<td>
Labore nisi
</td>
<td>
Aliquip 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Qui enim in mollit consequat sed, cillum, in adipiscing ad?
</td>
<td>
Et esse
</td>
<td>
Elit ex
</td>
<td>
Adipiscing amet
</td>
<td>
Adipiscing 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table><table class="e-table e-table-overview" data-e-version="2">
<thead>
<tr>
<td class="e-table__col e-table__col-filter" colspan="8">
<div class="e-table__filter">
<label class="e-field__label e-field__label-inline e-field__label-small" for="campaign_category">
Email category
</label>
<select class="e-select e-select__select2 e-select-large" id="campaign_category" name="campaign_category">
<option value>
All categories
</option>
<option value="0">
No category
</option>
<option value="100000091">
Animals
</option>
</select>
</div>
<div class="e-table__settings">
<a class="js-advancedfilters-toggle e-toggle" href="#">
<span class="e-toggle__text">
More filters
</span>
<span class="e-toggle__text e-toggle__text-open">
Fewer filters
</span>
</a>
</div>
<div class="float-right e-table__settings">
<a class="e-learnmore" href="#0" target="_blank">
<e-icon class="e-learnmore__icon" icon="e-learnmore" size="small"></e-icon>
<span class="e-learnmore__text">
Learn more
</span>
</a>
</div>
<div class="e-row e-table__advancedfilters js-advancedfilters">
<div class="e-col-12">
<div class="e-field e-field-inline">
<label class="e-field__label e-field__label-inline e-field__label-small" for="owner">
Emails
</label>
<select class="e-select e-select__select2 e-select-small" id="owner" name="owner">
<option value="all" selected>
All
</option>
<option value="own">
Mine
</option>
</select>
</div>
<div class="e-field e-field-inline">
<label class="e-field__label e-field__label-inline e-field__label-small" for="deleted">
Status
</label>
<select class="e-select e-select__select2 e-select-large" id="deleted" name="deleted" onchange="RefreshView()">
<option value="n1000" selected="selected">
Current (last 200)
</option>
<option value="n">
All
</option>
<option value="y">
Deleted
</option>
</select>
<select class="e-select e-select__select2 e-select-large" name="astatus" onchange="RefreshView()">
<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 class="e-field__label e-field__label-inline e-field__label-small" for="lang1">
Language
</label>
<select class="e-select e-select__select2 e-select-large" id="lang1" name="lang1">
<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 class="e-checkbox" id="show_child_campaigns" type="checkbox" name="show_child_campaigns">
<label id="showChildCampaignsLabel" for="show_child_campaigns">
Show child emails
</label>
</div>
<div class="e-field e-field-inline">
<input class="e-checkbox" id="save_pref" type="checkbox" name="save_pref">
<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>
Aute, non, est in labore exercitation dolore occaecat culpa do nostrud.
</td>
<td>
Adipiscing tempor
</td>
<td>
Aute amet
</td>
<td>
Ut duis
</td>
<td>
Ex lorem
</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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Tempor, sit, excepteur nulla irure, sit, enim dolore ipsum.
</td>
<td>
Duis mollit
</td>
<td>
Incididunt nulla
</td>
<td>
Cupidatat occaecat
</td>
<td>
Et 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ea minim, est officia nisi exercitation elit.
</td>
<td>
Proident mollit
</td>
<td>
In laborum
</td>
<td>
Occaecat dolor
</td>
<td>
Deserunt 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Quis voluptate culpa, laborum deserunt incididunt amet nostrud, labore, ad minim minim velit.
</td>
<td>
Nostrud excepteur
</td>
<td>
Et in
</td>
<td>
Elit ut
</td>
<td>
Exercitation 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Dolore ea dolor commodo eiusmod quis veniam aliqua.
</td>
<td>
Cupidatat qui
</td>
<td>
Excepteur veniam
</td>
<td>
Adipiscing eiusmod
</td>
<td>
Nulla 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
$(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');
});
});Condensed
<table class="e-table e-table-condensed" data-e-version="2">
<tbody>
<tr>
<td>
Consequat dolor ullamco, et, voluptate, aute quis aliquip?
</td>
<td>
Occaecat adipiscing
</td>
<td>
Exercitation sint
</td>
<td>
Quis deserunt
</td>
<td>
Quis 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Dolor ad, in irure, cupidatat, non ut consectetur.
</td>
<td>
Labore ex
</td>
<td>
Ex ad
</td>
<td>
Sunt consectetur
</td>
<td>
Aliqua 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ut exercitation, sit amet proident aute sed nisi officia deserunt ex.
</td>
<td>
Sint aute
</td>
<td>
Aute et
</td>
<td>
Qui consectetur
</td>
<td>
Aliqua 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Cillum, duis fugiat deserunt ipsum ut eu dolore irure?
</td>
<td>
Tempor in
</td>
<td>
Cupidatat dolor
</td>
<td>
Lorem consectetur
</td>
<td>
Aute 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Eiusmod deserunt minim, sint consequat in sit.
</td>
<td>
Aliquip et
</td>
<td>
Minim ut
</td>
<td>
Ut lorem
</td>
<td>
Irure 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table><table class="e-table e-table-condensed" data-e-version="2">
<tbody>
<tr>
<td>
Ut, consequat, dolor ut, dolor, exercitation do, laboris veniam velit excepteur.
</td>
<td>
Minim dolore
</td>
<td>
Enim reprehenderit
</td>
<td>
Nisi laboris
</td>
<td>
Magna 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Fugiat pariatur consectetur proident, minim, labore exercitation, anim eiusmod ea, ex non?
</td>
<td>
Ut non
</td>
<td>
Tempor elit
</td>
<td>
Sunt proident
</td>
<td>
Labore 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sint, voluptate dolor, amet et velit reprehenderit velit in aliqua, proident, ad dolore aliquip.
</td>
<td>
Aliquip labore
</td>
<td>
Incididunt id
</td>
<td>
Dolore labore
</td>
<td>
Consequat 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Consectetur duis velit, enim cillum officia deserunt dolore sunt?
</td>
<td>
Veniam qui
</td>
<td>
Amet sint
</td>
<td>
Incididunt aliqua
</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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Consequat, enim culpa culpa reprehenderit elit qui pariatur in incididunt.
</td>
<td>
Ad nulla
</td>
<td>
Eiusmod commodo
</td>
<td>
Et pariatur
</td>
<td>
In 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
Baseline aligned
<div style="width: 300px">
<table class="e-table e-table-condensed e-table-baselinealigned e-table-bordered" ng-if="$ctrl.shouldFixRedesignIssues" data-e-version="2">
<tr class="e-legend">
<td class="e-legend__title">
Delivered
</td>
<td class="e-legend__value text-align-right text-color-info">
<e-numeric class="percent" value="0.123" type="percent" precision="1"></e-numeric>
<small class="e-legend__secondaryvalue">
(
<e-numeric value="1234"></e-numeric>
)
</small>
</td>
</tr>
<tr class="e-legend">
<td class="e-legend__title">
Unsubscribed
</td>
<td class="e-legend__value text-align-right text-color-warning">
<e-numeric class="percent" value="0.456" type="percent" precision="1"></e-numeric>
<small class="e-legend__secondaryvalue">
(
<e-numeric value="5678"></e-numeric>
)
</small>
</td>
</tr>
</table>
</div><div style="width: 300px">
<table class="e-table e-table-condensed e-table-baselinealigned e-table-bordered" ng-if="$ctrl.shouldFixRedesignIssues" data-e-version="2">
<tr class="e-legend">
<td class="e-legend__title">
Delivered
</td>
<td class="e-legend__value text-align-right text-color-info">
<e-numeric class="percent" value="0.123" type="percent" precision="1"></e-numeric>
<small class="e-legend__secondaryvalue">
(
<e-numeric value="1234"></e-numeric>
)
</small>
</td>
</tr>
<tr class="e-legend">
<td class="e-legend__title">
Unsubscribed
</td>
<td class="e-legend__value text-align-right text-color-warning">
<e-numeric class="percent" value="0.456" type="percent" precision="1"></e-numeric>
<small class="e-legend__secondaryvalue">
(
<e-numeric value="5678"></e-numeric>
)
</small>
</td>
</tr>
</table>
</div>JavaScript
| Delivered | |
| Unsubscribed |
Inner
<table class="e-table e-table-inner" data-e-version="2">
<tbody>
<tr>
<td>
Sed deserunt nulla, ex ex, nostrud voluptate ex non, pariatur.
</td>
<td>
Velit nulla
</td>
<td>
Ad do
</td>
<td>
Fugiat dolore
</td>
<td>
Occaecat 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
In occaecat non consequat duis do occaecat officia.
</td>
<td>
Laborum anim
</td>
<td>
Ex in
</td>
<td>
Reprehenderit laboris
</td>
<td>
Aliqua 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Duis dolor nisi culpa, et, dolore magna, fugiat elit, lorem ea laborum culpa in.
</td>
<td>
Quis sed
</td>
<td>
Aliquip anim
</td>
<td>
In ex
</td>
<td>
Lorem 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Tempor sunt dolor cupidatat quis, ullamco ut cillum ut dolore ut sed proident.
</td>
<td>
Est anim
</td>
<td>
Laboris amet
</td>
<td>
Anim nulla
</td>
<td>
Laborum 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Aliqua est esse sint sed, dolor, dolore elit adipiscing?
</td>
<td>
Cupidatat reprehenderit
</td>
<td>
Ex occaecat
</td>
<td>
Sunt veniam
</td>
<td>
Lorem 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table><table class="e-table e-table-inner" data-e-version="2">
<tbody>
<tr>
<td>
Aliquip ut, excepteur mollit anim ullamco nostrud sint nostrud, exercitation.
</td>
<td>
Elit id
</td>
<td>
Qui dolore
</td>
<td>
Consectetur labore
</td>
<td>
Irure 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Veniam eu, ex aute, sunt, magna labore ut tempor eiusmod in aliqua?
</td>
<td>
Magna laborum
</td>
<td>
Magna adipiscing
</td>
<td>
Velit est
</td>
<td>
In 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Occaecat, consectetur ullamco est, ad laboris, consequat sint dolore ipsum ex, sunt ut, ullamco?
</td>
<td>
In cupidatat
</td>
<td>
Officia irure
</td>
<td>
Velit commodo
</td>
<td>
Dolor 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
In ullamco mollit fugiat ipsum aute sint qui nisi?
</td>
<td>
Anim elit
</td>
<td>
Velit sint
</td>
<td>
Non quis
</td>
<td>
Labore voluptate
</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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sint dolore eiusmod ut, elit, tempor amet laboris, labore consectetur velit ea.
</td>
<td>
Ut laborum
</td>
<td>
In ipsum
</td>
<td>
Amet pariatur
</td>
<td>
Pariatur 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
Bordered
<table class="e-table e-table-bordered" data-e-version="2">
<tbody>
<tr>
<td>
Anim, ipsum do, commodo sint, dolor minim anim dolor.
</td>
<td>
Elit consectetur
</td>
<td>
Anim in
</td>
<td>
Fugiat ad
</td>
<td>
Sit 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Eiusmod enim ad, velit incididunt non proident dolore.
</td>
<td>
Occaecat ullamco
</td>
<td>
Ipsum voluptate
</td>
<td>
Tempor eu
</td>
<td>
Tempor lorem
</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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Officia deserunt excepteur, voluptate do qui sed in eu officia fugiat adipiscing?
</td>
<td>
Laboris ex
</td>
<td>
Ullamco velit
</td>
<td>
Eu minim
</td>
<td>
Ut 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Exercitation sunt, consectetur enim aliquip tempor eu in ullamco elit cupidatat ullamco?
</td>
<td>
Ex minim
</td>
<td>
Sed aute
</td>
<td>
Ad consectetur
</td>
<td>
Tempor 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Voluptate ad, aliqua deserunt, do elit adipiscing in anim.
</td>
<td>
Amet ut
</td>
<td>
Fugiat ut
</td>
<td>
Irure ut
</td>
<td>
Labore 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table><table class="e-table e-table-bordered" data-e-version="2">
<tbody>
<tr>
<td>
Incididunt ex elit in mollit adipiscing id minim, deserunt consequat elit consectetur.
</td>
<td>
Dolore aute
</td>
<td>
Aliquip dolor
</td>
<td>
Ipsum sed
</td>
<td>
Duis 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Tempor amet sed esse laborum.
</td>
<td>
Quis sint
</td>
<td>
Veniam amet
</td>
<td>
Cillum voluptate
</td>
<td>
Proident 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Aliqua, ea ut occaecat magna magna exercitation, ex amet velit.
</td>
<td>
Dolor id
</td>
<td>
Commodo officia
</td>
<td>
Reprehenderit fugiat
</td>
<td>
Dolore 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Cillum aliquip, id aliqua ea enim sit pariatur, culpa in.
</td>
<td>
Et amet
</td>
<td>
Sed eu
</td>
<td>
Dolore est
</td>
<td>
Minim voluptate
</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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sunt nostrud in elit dolor anim aute ad.
</td>
<td>
Magna velit
</td>
<td>
Nostrud cillum
</td>
<td>
Magna do
</td>
<td>
Sunt 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
inner bordered
<table class="e-table e-table-bordered e-table-inner_bordered" data-e-version="2">
<tbody>
<tr>
<td>
Eu eiusmod, deserunt, irure, cillum dolore dolore proident, do anim, pariatur ad aliquip?
</td>
<td>
Proident ipsum
</td>
<td>
In ut
</td>
<td>
Adipiscing qui
</td>
<td>
Magna 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Nostrud tempor culpa dolore elit minim, voluptate, irure nisi.
</td>
<td>
Nulla sit
</td>
<td>
Officia commodo
</td>
<td>
Ut aliquip
</td>
<td>
Non 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Est, voluptate ex, labore quis lorem, id nostrud cupidatat.
</td>
<td>
Ex dolore
</td>
<td>
Nostrud nulla
</td>
<td>
Ad ex
</td>
<td>
Sint 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sit, nisi velit adipiscing sit mollit voluptate, cillum, exercitation incididunt.
</td>
<td>
Amet esse
</td>
<td>
Irure ut
</td>
<td>
Qui dolore
</td>
<td>
Proident 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Cillum ullamco anim nisi consectetur irure voluptate lorem?
</td>
<td>
Ipsum ea
</td>
<td>
Sed veniam
</td>
<td>
Ex tempor
</td>
<td>
Ut 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table><table class="e-table e-table-bordered e-table-inner_bordered" data-e-version="2">
<tbody>
<tr>
<td>
Consectetur minim ipsum sint irure, ad cupidatat est laboris.
</td>
<td>
Aute lorem
</td>
<td>
Aliquip consectetur
</td>
<td>
Aliqua labore
</td>
<td>
Reprehenderit 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Eu ipsum qui in quis ut eiusmod ipsum dolore, dolor.
</td>
<td>
Fugiat ad
</td>
<td>
Voluptate veniam
</td>
<td>
Ut dolore
</td>
<td>
Lorem 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Voluptate, culpa, minim?
</td>
<td>
Dolore magna
</td>
<td>
Quis ullamco
</td>
<td>
Fugiat pariatur
</td>
<td>
Commodo 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Duis, dolor dolore occaecat ipsum incididunt excepteur nisi eu anim.
</td>
<td>
Sunt ea
</td>
<td>
Eiusmod sit
</td>
<td>
Dolor irure
</td>
<td>
Mollit 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Exercitation anim voluptate duis incididunt, lorem et pariatur cupidatat qui incididunt id cillum qui.
</td>
<td>
Deserunt ut
</td>
<td>
Ut ullamco
</td>
<td>
Tempor elit
</td>
<td>
Dolor 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
Borderless table
<table class="e-table" data-e-version="2">
<thead class="e-table__content e-table__content-without_border">
<tr>
<td>
Consequat eiusmod ut aliquip dolor mollit eiusmod culpa velit, lorem pariatur ut.
</td>
<td>
Duis, sunt, ad anim, duis fugiat commodo, ut nostrud?
</td>
</tr>
</thead>
<tbody class="e-table__content e-table__content-without_border">
<tr>
<td>
Ex quis, quis proident fugiat laboris, dolore labore aute quis dolor.
</td>
<td>
Fugiat, in exercitation exercitation do laboris, qui eiusmod?
</td>
</tr>
<tr>
<td>
Adipiscing labore elit occaecat.
</td>
<td>
Deserunt duis magna ut, do lorem dolor labore, velit ad.
</td>
</tr>
</tbody>
</table><table class="e-table" data-e-version="2">
<thead class="e-table__content e-table__content-without_border">
<tr>
<td>
Ea in amet cupidatat cupidatat minim, qui, aliquip nisi.
</td>
<td>
Qui in dolor sunt exercitation dolor, proident, dolor anim esse.
</td>
</tr>
</thead>
<tbody class="e-table__content e-table__content-without_border">
<tr>
<td>
Ex, ut voluptate laboris ex nulla mollit cillum.
</td>
<td>
Exercitation est ut, sed nostrud, sit ut, fugiat nisi cillum tempor.
</td>
</tr>
<tr>
<td>
Sed sunt reprehenderit eu in dolore elit labore fugiat aliquip.
</td>
<td>
In sint do amet pariatur et.
</td>
</tr>
</tbody>
</table>JavaScript
| Incididunt laboris minim amet labore, velit non do dolore incididunt dolore adipiscing tempor. | Ullamco nulla fugiat. |
| In incididunt consequat, sed sed dolor, nulla. | Est labore veniam ut veniam laborum? |
| Ut ullamco ut commodo in ipsum velit, sunt cupidatat excepteur? | Deserunt ut irure ea. |
Vertical centered
<table class="e-table e-table-verticalcentered" data-e-version="2">
<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 class="e-table e-table-verticalcentered" data-e-version="2">
<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>JavaScript
| Lorem ipsum dolor sit amet | Vertical centered text |
| Lorem ipsum dolor sit amet | Vertical centered text |
New selected row
<table class="e-table e-table-overview" data-e-version="2">
<tbody>
<tr class="e-table__row">
<td>
Nulla dolor aliqua amet laboris, tempor nulla magna.
</td>
</tr>
<tr class="e-table__row e-table__row-active">
<td>
Ut ullamco aute quis sint tempor aliquip consectetur est voluptate quis deserunt voluptate ea incididunt.
</td>
</tr>
</tbody>
</table><table class="e-table e-table-overview" data-e-version="2">
<tbody>
<tr class="e-table__row">
<td>
In ut, magna fugiat, lorem quis proident labore occaecat.
</td>
</tr>
<tr class="e-table__row e-table__row-active">
<td>
Qui, aute amet deserunt voluptate occaecat ut?
</td>
</tr>
</tbody>
</table>JavaScript
| Id dolore laborum nisi minim elit tempor, ut ea tempor? |
| Exercitation commodo consequat, ullamco, laborum dolore exercitation duis, ullamco. |
Old Selected row
<table class="e-table e-table-overview" data-e-version="2">
<thead>
<tr>
<td>
Ea consequat in ex enim, labore ut velit id.
</td>
</tr>
</thead>
<tbody>
<tr>
<td class="e-table__col e-table__col-selected">
Aliqua laboris nulla ut, in, deserunt do velit velit magna et ex.
</td>
</tr>
</tbody>
</table><table class="e-table e-table-overview" data-e-version="2">
<thead>
<tr>
<td>
Deserunt, consectetur tempor veniam consequat in, exercitation dolor.
</td>
</tr>
</thead>
<tbody>
<tr>
<td class="e-table__col e-table__col-selected">
Excepteur culpa, ut nisi, nostrud dolor voluptate veniam id sit adipiscing quis irure.
</td>
</tr>
</tbody>
</table>JavaScript
| Lorem enim eiusmod voluptate ut adipiscing officia esse ad. |
| Tempor aliqua pariatur, magna, ad elit mollit. |
Rich content table list
<table class="e-table e-table-verticalcentered e-table-condensed" data-e-version="2">
<tbody>
<tr class="e-table__row">
<td class="e-table__col e-table__col-auto">
<input class="e-checkbox e-checkbox-onlycheckbox" type="checkbox" id="tablelist-1">
<label for="tablelist-1"></label>
</td>
<td class="e-table__col e-table__col-auto">
<div class="e-table__thumbnail" style="background-image: url(https://placehold.it/650x1200/32d17e/fff);"></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 class="e-checkbox e-checkbox-onlycheckbox" type="checkbox" id="tablelist-2">
<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 class="e-checkbox e-checkbox-onlycheckbox" type="checkbox" id="tablelist-3">
<label for="tablelist-3"></label>
</td>
<td class="e-table__col e-table__col-auto">
<div class="e-table__thumbnail" style="background-image: url(https://placehold.it/50x50/32d17e/fff);"></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 class="e-checkbox e-checkbox-onlycheckbox" type="checkbox" id="tablelist-3">
<label for="tablelist-3"></label>
</td>
<td class="e-table__col e-table__col-auto">
<div class="e-table__thumbnail" style="background-image: url(https://placehold.it/50x50/32d17e/fff);"></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 class="e-table e-table-verticalcentered e-table-condensed" data-e-version="2">
<tbody>
<tr class="e-table__row">
<td class="e-table__col e-table__col-auto">
<input class="e-checkbox e-checkbox-onlycheckbox" type="checkbox" id="tablelist-1">
<label for="tablelist-1"></label>
</td>
<td class="e-table__col e-table__col-auto">
<div class="e-table__thumbnail" style="background-image: url(https://placehold.it/650x1200/32d17e/fff);"></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 class="e-checkbox e-checkbox-onlycheckbox" type="checkbox" id="tablelist-2">
<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 class="e-checkbox e-checkbox-onlycheckbox" type="checkbox" id="tablelist-3">
<label for="tablelist-3"></label>
</td>
<td class="e-table__col e-table__col-auto">
<div class="e-table__thumbnail" style="background-image: url(https://placehold.it/50x50/32d17e/fff);"></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 class="e-checkbox e-checkbox-onlycheckbox" type="checkbox" id="tablelist-3">
<label for="tablelist-3"></label>
</td>
<td class="e-table__col e-table__col-auto">
<div class="e-table__thumbnail" style="background-image: url(https://placehold.it/50x50/32d17e/fff);"></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>JavaScript
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
<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>
Cupidatat anim labore in in sunt, cillum ipsum nisi tempor enim.
</td>
<td>
Pariatur commodo
</td>
<td>
Proident commodo
</td>
<td>
Sunt occaecat
</td>
<td>
Veniam 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Reprehenderit occaecat cupidatat voluptate, ut minim consequat laborum ullamco esse deserunt in.
</td>
<td>
Ex adipiscing
</td>
<td>
Ipsum ut
</td>
<td>
Minim labore
</td>
<td>
Sunt 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Velit consectetur non aliqua, minim officia esse.
</td>
<td>
Exercitation ea
</td>
<td>
Officia culpa
</td>
<td>
Occaecat ex
</td>
<td>
Consectetur 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Pariatur, est consequat irure et reprehenderit dolor proident, ex, commodo elit?
</td>
<td>
Officia qui
</td>
<td>
Anim laboris
</td>
<td>
Dolor sit
</td>
<td>
Eu 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Nostrud irure ad culpa amet veniam.
</td>
<td>
Laborum laboris
</td>
<td>
Cillum cillum
</td>
<td>
Reprehenderit esse
</td>
<td>
Esse 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<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>
Id, minim occaecat aliqua quis occaecat nostrud amet incididunt sint in, ea.
</td>
<td>
Lorem laboris
</td>
<td>
Sint aute
</td>
<td>
Culpa veniam
</td>
<td>
Fugiat 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Laboris culpa amet dolor, dolor anim exercitation aute non, ex.
</td>
<td>
Cillum esse
</td>
<td>
Eu fugiat
</td>
<td>
Reprehenderit ullamco
</td>
<td>
Enim 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Et reprehenderit nostrud ad, sed sit sint excepteur anim anim.
</td>
<td>
Occaecat esse
</td>
<td>
Ut adipiscing
</td>
<td>
Sunt velit
</td>
<td>
Do 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Eu ad, elit, dolor quis, ut dolore, proident, excepteur, laboris velit?
</td>
<td>
Consequat irure
</td>
<td>
Enim nostrud
</td>
<td>
Sit sit
</td>
<td>
Anim 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Irure dolor dolor voluptate quis sint, in, laborum nisi, enim commodo cillum?
</td>
<td>
Ut exercitation
</td>
<td>
Esse consectetur
</td>
<td>
Enim dolor
</td>
<td>
Culpa 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
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>
Eiusmod voluptate dolor anim labore, incididunt.
</td>
<td>
Ex ad
</td>
<td>
Duis aute
</td>
<td>
Exercitation ut
</td>
<td>
Quis 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Voluptate voluptate pariatur ad excepteur, cupidatat est enim dolore ut?
</td>
<td>
Cillum minim
</td>
<td>
Ipsum do
</td>
<td>
Deserunt exercitation
</td>
<td>
Incididunt 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Laborum et adipiscing pariatur.
</td>
<td>
Reprehenderit enim
</td>
<td>
Adipiscing ut
</td>
<td>
Dolore consectetur
</td>
<td>
Eu 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ad velit ut voluptate velit.
</td>
<td>
Quis laboris
</td>
<td>
Occaecat lorem
</td>
<td>
Quis minim
</td>
<td>
Qui 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Velit est dolor irure sunt, sunt ullamco, incididunt, ea.
</td>
<td>
In irure
</td>
<td>
Duis et
</td>
<td>
Fugiat ipsum
</td>
<td>
Anim 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<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>
Ut tempor in aliquip, dolore excepteur et, dolor voluptate pariatur.
</td>
<td>
Enim aliquip
</td>
<td>
Dolore dolore
</td>
<td>
Velit est
</td>
<td>
Enim 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sunt, proident et ex nulla ullamco, irure ut, qui et, magna, id?
</td>
<td>
Non qui
</td>
<td>
Ad labore
</td>
<td>
In officia
</td>
<td>
Ut 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ut, aute pariatur, adipiscing in excepteur, consectetur ut culpa ut, adipiscing, velit.
</td>
<td>
Amet minim
</td>
<td>
Ex incididunt
</td>
<td>
Ut qui
</td>
<td>
Proident 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ullamco, culpa aliqua.
</td>
<td>
Sint dolore
</td>
<td>
Fugiat ex
</td>
<td>
Consequat dolor
</td>
<td>
Ad 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Id veniam officia fugiat ea, labore occaecat laborum tempor?
</td>
<td>
In duis
</td>
<td>
Proident voluptate
</td>
<td>
In consequat
</td>
<td>
Culpa 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
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>
Sunt, nostrud dolor reprehenderit amet consequat in amet ad, est dolor, qui ut.
</td>
<td>
Labore enim
</td>
<td>
Minim esse
</td>
<td>
Labore cupidatat
</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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Est fugiat culpa in lorem id, nostrud officia eu anim id ut.
</td>
<td>
Tempor dolor
</td>
<td>
Consectetur id
</td>
<td>
Sed anim
</td>
<td>
Nulla 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Dolor dolor, deserunt, magna, et esse, laborum, minim consectetur ut minim?
</td>
<td>
Commodo aute
</td>
<td>
Non nostrud
</td>
<td>
Est ut
</td>
<td>
Tempor 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Esse, sed in deserunt, aliqua dolore aute, laborum do qui aliquip irure, irure.
</td>
<td>
Non in
</td>
<td>
Dolor dolor
</td>
<td>
Consequat elit
</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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Exercitation, eiusmod lorem ut, sed sint incididunt et ex ex.
</td>
<td>
Excepteur anim
</td>
<td>
Ullamco nostrud
</td>
<td>
Est culpa
</td>
<td>
Elit 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<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>
Aliquip ut excepteur in minim, sunt nisi nisi eiusmod.
</td>
<td>
Dolore dolor
</td>
<td>
Consectetur est
</td>
<td>
Dolor ipsum
</td>
<td>
Dolor 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ut labore, qui laborum excepteur, cillum, commodo ullamco reprehenderit.
</td>
<td>
Nulla qui
</td>
<td>
Amet non
</td>
<td>
Aliquip dolore
</td>
<td>
Ad 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ullamco, nisi excepteur exercitation lorem consectetur ex esse, proident?
</td>
<td>
Non dolor
</td>
<td>
Nostrud occaecat
</td>
<td>
Minim commodo
</td>
<td>
Incididunt 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Enim, dolore sit, non in adipiscing commodo, esse.
</td>
<td>
Pariatur pariatur
</td>
<td>
Aute reprehenderit
</td>
<td>
Mollit elit
</td>
<td>
Ullamco 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
In nostrud sint dolor id, sunt ullamco aliqua, sed ut.
</td>
<td>
Veniam in
</td>
<td>
Proident ut
</td>
<td>
Laboris anim
</td>
<td>
Aute 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
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>
Ipsum ut, est nisi veniam sit, labore ad nostrud.
</td>
<td>
In adipiscing
</td>
<td>
Occaecat mollit
</td>
<td>
Eiusmod adipiscing
</td>
<td>
Anim 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Mollit ut, consequat voluptate aliqua nulla eiusmod aliquip dolor.
</td>
<td>
Dolore ea
</td>
<td>
Elit occaecat
</td>
<td>
Magna dolor
</td>
<td>
Irure 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Amet ullamco proident irure, veniam cupidatat qui.
</td>
<td>
Ipsum nostrud
</td>
<td>
Aliquip dolore
</td>
<td>
Magna in
</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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Culpa aliquip dolore laboris et ea nisi consequat do, enim exercitation duis consectetur.
</td>
<td>
Id officia
</td>
<td>
Ex ut
</td>
<td>
Fugiat officia
</td>
<td>
In 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
In esse exercitation sed, non laboris nisi sed duis in lorem.
</td>
<td>
Incididunt lorem
</td>
<td>
Enim mollit
</td>
<td>
Magna cupidatat
</td>
<td>
Sit 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<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>
Tempor ullamco adipiscing commodo dolor in minim aute aute.
</td>
<td>
Adipiscing aliqua
</td>
<td>
Voluptate cupidatat
</td>
<td>
Est nisi
</td>
<td>
Qui 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Nisi duis esse dolor fugiat ut tempor eu id sunt, proident mollit exercitation est.
</td>
<td>
Quis exercitation
</td>
<td>
Adipiscing deserunt
</td>
<td>
Magna minim
</td>
<td>
Minim 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sunt esse et anim ullamco aliquip consequat proident, lorem adipiscing.
</td>
<td>
Tempor in
</td>
<td>
Aute quis
</td>
<td>
Magna pariatur
</td>
<td>
In 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Elit, deserunt aliqua, ipsum voluptate officia deserunt amet sunt.
</td>
<td>
Amet cillum
</td>
<td>
Laboris dolor
</td>
<td>
Ut anim
</td>
<td>
Eu 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Nulla, deserunt nostrud officia, ut nostrud nostrud deserunt enim?
</td>
<td>
Dolore ut
</td>
<td>
Nisi laborum
</td>
<td>
Est dolore
</td>
<td>
Amet 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
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>
In elit duis fugiat nulla lorem, lorem, laboris amet nisi proident, incididunt.
</td>
<td>
Aliqua ut
</td>
<td>
Et do
</td>
<td>
Nostrud ut
</td>
<td>
Laboris 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Et aliqua, dolor sed reprehenderit ea ipsum, commodo anim laborum, culpa laborum.
</td>
<td>
Qui labore
</td>
<td>
Ad culpa
</td>
<td>
Veniam dolore
</td>
<td>
Culpa 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sint qui sint, lorem cupidatat quis in, ea lorem laboris?
</td>
<td>
Non nulla
</td>
<td>
Anim adipiscing
</td>
<td>
Do commodo
</td>
<td>
Enim 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Officia fugiat, officia ea, magna duis sint laborum in irure nisi.
</td>
<td>
Anim in
</td>
<td>
Do sunt
</td>
<td>
Nulla et
</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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sunt duis nulla incididunt incididunt, magna amet.
</td>
<td>
Tempor voluptate
</td>
<td>
Exercitation in
</td>
<td>
Ut commodo
</td>
<td>
Dolor 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<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>
Nostrud, labore adipiscing, elit consequat ipsum est tempor voluptate.
</td>
<td>
Elit mollit
</td>
<td>
Consequat eu
</td>
<td>
Velit et
</td>
<td>
Qui 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Deserunt, exercitation non id aliquip ullamco in dolor laboris ut duis mollit eu occaecat.
</td>
<td>
Elit sed
</td>
<td>
Lorem incididunt
</td>
<td>
Dolor consequat
</td>
<td>
Proident 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Nostrud dolore ipsum, non id occaecat ullamco pariatur fugiat mollit sed, et laboris pariatur?
</td>
<td>
Laborum nostrud
</td>
<td>
Labore nostrud
</td>
<td>
Anim consequat
</td>
<td>
Occaecat 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Fugiat, irure quis aliqua lorem, deserunt.
</td>
<td>
Lorem occaecat
</td>
<td>
Est tempor
</td>
<td>
Elit eiusmod
</td>
<td>
Veniam 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sunt aute laborum do ut.
</td>
<td>
Duis laborum
</td>
<td>
Reprehenderit dolor
</td>
<td>
Aliquip fugiat
</td>
<td>
Duis 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
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>
Nostrud, esse aliquip, irure et sit.
</td>
<td>
Sit voluptate
</td>
<td>
Occaecat veniam
</td>
<td>
Et consectetur
</td>
<td>
Non 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Eu laboris, voluptate in mollit non?
</td>
<td>
Et incididunt
</td>
<td>
Ad adipiscing
</td>
<td>
Culpa dolore
</td>
<td>
Aliqua 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sed, laborum qui non ex magna elit nulla ullamco.
</td>
<td>
Officia dolor
</td>
<td>
Lorem laborum
</td>
<td>
Adipiscing sint
</td>
<td>
Ullamco 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Eiusmod, ad enim, irure labore veniam labore, ad.
</td>
<td>
Laborum dolor
</td>
<td>
Excepteur culpa
</td>
<td>
Nisi ad
</td>
<td>
Nulla 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Culpa, est et pariatur qui velit eiusmod proident lorem?
</td>
<td>
Do est
</td>
<td>
Occaecat eu
</td>
<td>
Ut dolore
</td>
<td>
Lorem 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<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>
Ut do ut esse sunt, aliqua minim in qui nisi.
</td>
<td>
In consectetur
</td>
<td>
Aliquip ut
</td>
<td>
Anim elit
</td>
<td>
Ut 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Proident id quis minim irure labore voluptate ut.
</td>
<td>
Qui adipiscing
</td>
<td>
Consectetur duis
</td>
<td>
Dolore voluptate
</td>
<td>
Aliquip 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Amet, sed quis amet, est excepteur deserunt qui voluptate?
</td>
<td>
Sunt eiusmod
</td>
<td>
Exercitation cupidatat
</td>
<td>
Proident pariatur
</td>
<td>
Amet 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Duis veniam ullamco laboris fugiat nisi nisi occaecat, laboris sed in.
</td>
<td>
Exercitation consequat
</td>
<td>
Laborum enim
</td>
<td>
Pariatur culpa
</td>
<td>
Consectetur 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ex officia ut sint anim dolor ea ut ipsum proident?
</td>
<td>
Enim minim
</td>
<td>
Enim nostrud
</td>
<td>
Sit magna
</td>
<td>
Esse 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
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>
Consequat ut commodo, duis proident lorem exercitation aliquip.
</td>
<td>
Reprehenderit amet
</td>
<td>
Dolore eu
</td>
<td>
Anim incididunt
</td>
<td>
Ad 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Tempor adipiscing anim, commodo laborum, dolor cupidatat ut deserunt elit dolore.
</td>
<td>
Cupidatat sed
</td>
<td>
Velit pariatur
</td>
<td>
Ex magna
</td>
<td>
Qui 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Labore dolore occaecat in cupidatat excepteur ut in.
</td>
<td>
Enim officia
</td>
<td>
Cupidatat ullamco
</td>
<td>
Sit excepteur
</td>
<td>
Sint 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ex minim, culpa et nisi tempor ullamco esse?
</td>
<td>
Incididunt enim
</td>
<td>
Fugiat consectetur
</td>
<td>
Culpa ut
</td>
<td>
Reprehenderit 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sit, non fugiat anim exercitation, exercitation eiusmod dolore id et?
</td>
<td>
Anim occaecat
</td>
<td>
Ut nisi
</td>
<td>
Irure et
</td>
<td>
Est 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<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>
Ut incididunt excepteur, voluptate non, eiusmod sunt cillum.
</td>
<td>
Ex laboris
</td>
<td>
Et ut
</td>
<td>
Eiusmod enim
</td>
<td>
Qui 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Do lorem in dolore ut est, quis.
</td>
<td>
Ut ut
</td>
<td>
Sit cillum
</td>
<td>
Cillum ut
</td>
<td>
Minim 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Laborum cupidatat sint aliqua ut, veniam voluptate, laboris ullamco ad mollit culpa adipiscing.
</td>
<td>
Ad elit
</td>
<td>
Mollit quis
</td>
<td>
Velit duis
</td>
<td>
Occaecat 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Eiusmod dolore commodo id veniam eiusmod reprehenderit ut.
</td>
<td>
Officia officia
</td>
<td>
Consectetur laboris
</td>
<td>
Irure id
</td>
<td>
Veniam 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
In in enim et id nostrud ut consectetur consectetur aliqua consequat deserunt.
</td>
<td>
Fugiat mollit
</td>
<td>
Voluptate non
</td>
<td>
Nostrud laboris
</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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
Centered text
<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>
Labore lorem anim et.
</td>
<td>
Amet elit
</td>
<td>
Tempor ad
</td>
<td>
Aute anim
</td>
<td>
Sit 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Elit, sint non irure consequat eu esse.
</td>
<td>
Aute do
</td>
<td>
Reprehenderit sit
</td>
<td>
Ex deserunt
</td>
<td>
Dolor 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Exercitation, in nisi ut lorem, in, mollit magna.
</td>
<td>
Cillum ipsum
</td>
<td>
Nisi qui
</td>
<td>
Irure culpa
</td>
<td>
Voluptate 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ea aliquip eu duis exercitation eiusmod.
</td>
<td>
Ipsum velit
</td>
<td>
Non ad
</td>
<td>
Eu aute
</td>
<td>
Enim 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Consectetur, sunt, lorem, laboris anim, dolor lorem commodo aliqua, lorem, magna elit reprehenderit.
</td>
<td>
Eiusmod incididunt
</td>
<td>
Nisi proident
</td>
<td>
Ut lorem
</td>
<td>
Consequat 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<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>
Irure enim elit ipsum do adipiscing consectetur eiusmod aliquip adipiscing?
</td>
<td>
Cillum commodo
</td>
<td>
Labore sint
</td>
<td>
Sunt cupidatat
</td>
<td>
Adipiscing 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ea dolore incididunt, veniam adipiscing laboris.
</td>
<td>
Excepteur aute
</td>
<td>
Anim mollit
</td>
<td>
Nisi sed
</td>
<td>
Commodo 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Exercitation veniam, anim ullamco dolore, commodo reprehenderit proident id amet et.
</td>
<td>
Veniam id
</td>
<td>
Qui in
</td>
<td>
Do ipsum
</td>
<td>
Duis 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ea consectetur, do, enim, veniam voluptate labore exercitation cillum sint cillum quis nisi ut.
</td>
<td>
Dolor lorem
</td>
<td>
Velit fugiat
</td>
<td>
Adipiscing ut
</td>
<td>
Velit 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sit ex, ex cupidatat ea tempor dolor?
</td>
<td>
Non sed
</td>
<td>
Enim dolore
</td>
<td>
Veniam sint
</td>
<td>
Cupidatat 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
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>
Ad, aliquip nostrud aliqua, fugiat?
</td>
<td>
Dolore minim
</td>
<td>
Culpa cupidatat
</td>
<td>
Occaecat deserunt
</td>
<td>
Dolor 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Eiusmod labore, proident id mollit id, ullamco et, ex.
</td>
<td>
Sed consequat
</td>
<td>
Dolor nostrud
</td>
<td>
Aute et
</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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Id nostrud, id anim, ex, eu sed consequat, pariatur.
</td>
<td>
Eu veniam
</td>
<td>
Labore tempor
</td>
<td>
Reprehenderit enim
</td>
<td>
Ullamco 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sint consectetur do dolore, voluptate nulla ipsum.
</td>
<td>
Dolor elit
</td>
<td>
Anim mollit
</td>
<td>
Amet enim
</td>
<td>
Commodo 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Eu sit exercitation tempor officia, duis.
</td>
<td>
Reprehenderit nisi
</td>
<td>
Ullamco ut
</td>
<td>
Consequat minim
</td>
<td>
In 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<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>
Proident aliqua quis et ut labore minim, reprehenderit duis ipsum laborum, dolore.
</td>
<td>
Cupidatat velit
</td>
<td>
Exercitation reprehenderit
</td>
<td>
Commodo ipsum
</td>
<td>
Id 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Sunt eiusmod est, quis aute eu elit, ex veniam non cillum.
</td>
<td>
Enim magna
</td>
<td>
Ut laborum
</td>
<td>
Aute laboris
</td>
<td>
Deserunt 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Occaecat dolore ex tempor, consectetur aute sunt in in cupidatat culpa, mollit, laborum?
</td>
<td>
Excepteur sunt
</td>
<td>
Ut do
</td>
<td>
Sunt aute
</td>
<td>
Dolor 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
In nulla nostrud culpa sed aute tempor labore, sit sed.
</td>
<td>
Minim ut
</td>
<td>
Esse ut
</td>
<td>
Magna culpa
</td>
<td>
Non 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ea ex deserunt cupidatat, sed, excepteur.
</td>
<td>
Incididunt occaecat
</td>
<td>
Voluptate mollit
</td>
<td>
Cillum ea
</td>
<td>
Nostrud lorem
</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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
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>
Ullamco esse, reprehenderit, labore, in ut est do labore.
</td>
<td>
Amet do
</td>
<td>
Consequat amet
</td>
<td>
Incididunt id
</td>
<td>
In 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Aliquip proident reprehenderit occaecat, dolore ipsum fugiat anim reprehenderit deserunt mollit consectetur, et.
</td>
<td>
Quis excepteur
</td>
<td>
Amet magna
</td>
<td>
Anim ullamco
</td>
<td>
Eu 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ut in ipsum, aliqua veniam minim duis laboris laborum irure.
</td>
<td>
Cupidatat officia
</td>
<td>
Nostrud reprehenderit
</td>
<td>
Dolor adipiscing
</td>
<td>
Laborum 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Qui dolor, ut est dolore consectetur.
</td>
<td>
In in
</td>
<td>
Elit non
</td>
<td>
Aliquip exercitation
</td>
<td>
Consectetur lorem
</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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ut ex elit pariatur.
</td>
<td>
Sed sed
</td>
<td>
Exercitation cillum
</td>
<td>
Consectetur sit
</td>
<td>
Consequat 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<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>
Minim sed tempor cillum ut laborum nisi aliqua sunt, cillum sunt.
</td>
<td>
Nisi elit
</td>
<td>
Commodo quis
</td>
<td>
Fugiat proident
</td>
<td>
Mollit 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Reprehenderit culpa tempor, anim fugiat exercitation minim, ipsum lorem sit quis minim.
</td>
<td>
Quis reprehenderit
</td>
<td>
Dolor veniam
</td>
<td>
Do do
</td>
<td>
Ut 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Proident velit, in in in consectetur nulla eu eu consectetur minim sed ipsum.
</td>
<td>
Anim sint
</td>
<td>
Consectetur duis
</td>
<td>
Nisi sunt
</td>
<td>
Elit 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Proident occaecat deserunt, deserunt, occaecat nisi nostrud amet magna?
</td>
<td>
Qui reprehenderit
</td>
<td>
Cillum reprehenderit
</td>
<td>
Mollit occaecat
</td>
<td>
Mollit 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
In quis irure est in sit laboris magna, dolor in.
</td>
<td>
Anim adipiscing
</td>
<td>
Ipsum minim
</td>
<td>
Et aliqua
</td>
<td>
Veniam 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript
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>
Cupidatat nostrud tempor velit amet dolor eu ut eiusmod occaecat nisi ipsum dolor ex, nisi?
</td>
<td>
Adipiscing laborum
</td>
<td>
Ullamco consequat
</td>
<td>
Ex incididunt
</td>
<td>
Do 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Et nisi, sint nisi excepteur, dolore amet.
</td>
<td>
Ipsum eu
</td>
<td>
Do nostrud
</td>
<td>
Sint cillum
</td>
<td>
Ut 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Enim do ea dolore in, adipiscing et id sit, proident, nulla in enim est.
</td>
<td>
Excepteur consectetur
</td>
<td>
Ut ea
</td>
<td>
Magna consequat
</td>
<td>
Minim 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
In, elit enim ex.
</td>
<td>
Ea dolore
</td>
<td>
Laboris eu
</td>
<td>
Dolore dolore
</td>
<td>
Occaecat 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Duis, reprehenderit voluptate duis cillum.
</td>
<td>
Ut nisi
</td>
<td>
Quis culpa
</td>
<td>
Id labore
</td>
<td>
Tempor 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<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>
Sunt ad ut ut officia in, ut excepteur?
</td>
<td>
In tempor
</td>
<td>
Qui anim
</td>
<td>
Labore velit
</td>
<td>
Est 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Amet, sed culpa, et in, magna aliqua incididunt, incididunt.
</td>
<td>
Excepteur nulla
</td>
<td>
Consequat aliquip
</td>
<td>
Ipsum in
</td>
<td>
Elit 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Dolore nisi voluptate incididunt incididunt qui irure esse, sit ipsum, cupidatat dolor dolore aliquip.
</td>
<td>
Aliqua qui
</td>
<td>
Sint est
</td>
<td>
Dolore nulla
</td>
<td>
Sint 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Ad veniam sunt consequat et quis ipsum ut dolor, dolore eiusmod reprehenderit.
</td>
<td>
Labore quis
</td>
<td>
Veniam elit
</td>
<td>
Incididunt veniam
</td>
<td>
Sed 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
<tr>
<td>
Culpa non deserunt velit aliquip enim sed sunt occaecat, laboris et ut, in.
</td>
<td>
Dolor tempor
</td>
<td>
Minim aliqua
</td>
<td>
Amet ad
</td>
<td>
Reprehenderit 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 class="e-svgclickfix" href="#0">
<e-icon icon="pencil" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Copy">
<a class="e-svgclickfix" href="#0">
<e-icon icon="files-o" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Preview">
<a class="e-svgclickfix" href="#0">
<e-icon icon="eye" type="table"></e-icon>
</a>
</e-tooltip>
<e-tooltip valign="baseline" content="Delete">
<a class="e-svgclickfix" href="#0">
<e-icon icon="trash-o" type="table"></e-icon>
</a>
</e-tooltip>
</td>
</tr>
</tbody>
</table>JavaScript