Table

Default .e-table

Email name Recipient source Status Admin Template Created Changed
Qui, in minim aliqua, est commodo, et. Culpa minim Sunt proident Irure dolor Nulla in 17.11.2015 17.11.2015
Exercitation laboris officia ipsum nulla nisi. Dolor in Aute in Nulla lorem Ut velit 17.11.2015 17.11.2015
Irure eiusmod deserunt non ut qui culpa id voluptate culpa nostrud, ex. Eu duis Adipiscing consequat Ut aliqua Minim proident 17.11.2015 17.11.2015
Ullamco, officia ex culpa in ullamco sed excepteur consequat tempor excepteur. In nisi In id Veniam lorem In labore 17.11.2015 17.11.2015
Ullamco, in enim amet officia velit laborum velit pariatur? Culpa anim Id consectetur Sunt in Sed non 17.11.2015 17.11.2015
<table data-e-version="2" class="e-table">
  <thead>
    <tr>
      <th class="e-table__sort e-table__sort-desc">
        Email name
      </th>
      <th class="e-table__col e-table__col-large e-table__sort">
        Recipient source
      </th>
      <th class="e-table__col e-table__col-small e-table__sort">
        Status
      </th>
      <th class="e-table__col e-table__col-small">
        Admin
      </th>
      <th class="e-table__col e-table__col-medium">
        Template
      </th>
      <th class="e-table__col e-table__col-xsmall e-table__sort">
        Created
      </th>
      <th class="e-table__col e-table__col-xsmall e-table__sort">
        Changed
      </th>
      <th class="e-table__col e-table__col-actions"></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        Magna tempor occaecat non qui reprehenderit mollit et in. 
      </td>
      <td>
        Non id 
      </td>
      <td>
        Dolor voluptate 
      </td>
      <td>
        Tempor amet 
      </td>
      <td>
        Ea eiusmod 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Elit excepteur deserunt laboris dolore et tempor incididunt laboris. 
      </td>
      <td>
        Id dolore 
      </td>
      <td>
        Non enim 
      </td>
      <td>
        Exercitation sint 
      </td>
      <td>
        Voluptate ullamco 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Duis consectetur in, dolore voluptate veniam, ipsum cupidatat. 
      </td>
      <td>
        Velit enim 
      </td>
      <td>
        Aliqua tempor 
      </td>
      <td>
        Nisi occaecat 
      </td>
      <td>
        Fugiat ipsum 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Magna officia cillum consectetur proident deserunt, dolore. 
      </td>
      <td>
        Ipsum pariatur 
      </td>
      <td>
        In in 
      </td>
      <td>
        Laboris magna 
      </td>
      <td>
        Pariatur non 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Excepteur officia, aliqua sunt cupidatat excepteur anim. 
      </td>
      <td>
        Adipiscing proident 
      </td>
      <td>
        Ut dolore 
      </td>
      <td>
        Nostrud dolore 
      </td>
      <td>
        Dolore eiusmod 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </tbody>
</table>

                        <table data-e-version="2" class="e-table">
                                            <thead>
                                              <tr>
                                                <th class="e-table__sort e-table__sort-desc">Email name</th>
                                                <th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
                                                <th class="e-table__col e-table__col-small e-table__sort">Status</th>
                                                <th class="e-table__col e-table__col-small">Admin</th>
                                                <th class="e-table__col e-table__col-medium">Template</th>
                                                <th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
                                                <th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
                                                <th class="e-table__col e-table__col-actions"></th>
                                              </tr>
                                            </thead>
                                                              <tbody>
                                                                <tr>
                                                                  <td>Officia, eu ex velit nisi laborum dolor, pariatur id laboris incididunt pariatur aliqua. 
                                                                  </td>
                                                                  <td>Id culpa 
                                                                  </td>
                                                                  <td>Magna ea 
                                                                  </td>
                                                                  <td>Cillum laborum 
                                                                  </td>
                                                                  <td>Ullamco sit 
                                                                  </td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-actions">
                                                                    <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                                <tr>
                                                                  <td>Proident excepteur, exercitation commodo culpa sed. 
                                                                  </td>
                                                                  <td>In proident 
                                                                  </td>
                                                                  <td>Ipsum aute 
                                                                  </td>
                                                                  <td>Qui minim 
                                                                  </td>
                                                                  <td>Deserunt 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 href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                                <tr>
                                                                  <td>Non in qui, sunt, irure veniam? 
                                                                  </td>
                                                                  <td>Mollit consectetur 
                                                                  </td>
                                                                  <td>Anim in 
                                                                  </td>
                                                                  <td>Ad occaecat 
                                                                  </td>
                                                                  <td>Eiusmod dolore 
                                                                  </td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-actions">
                                                                    <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                                <tr>
                                                                  <td>Pariatur quis, ut dolor, ullamco minim dolore ipsum. 
                                                                  </td>
                                                                  <td>Ad aute 
                                                                  </td>
                                                                  <td>Ipsum culpa 
                                                                  </td>
                                                                  <td>Incididunt dolor 
                                                                  </td>
                                                                  <td>Adipiscing culpa 
                                                                  </td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-actions">
                                                                    <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                                <tr>
                                                                  <td>Excepteur, proident id qui qui magna quis? 
                                                                  </td>
                                                                  <td>Ullamco reprehenderit 
                                                                  </td>
                                                                  <td>Sed ex 
                                                                  </td>
                                                                  <td>Ipsum quis 
                                                                  </td>
                                                                  <td>Nostrud sint 
                                                                  </td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-actions">
                                                                    <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                              </tbody>
                        </table>

Variations

Overview + pagination .e-table-overview

Email name Recipient source Status Admin Template Created Changed
Aute culpa veniam officia, exercitation ullamco in ut pariatur ut, exercitation, sed. Exercitation lorem Eiusmod voluptate Nisi ad Eu dolor 17.11.2015 17.11.2015
Dolore ipsum est, proident dolore fugiat voluptate, ex quis cupidatat, pariatur cillum dolor. Velit esse Adipiscing occaecat Officia commodo Aliqua aliquip 17.11.2015 17.11.2015
Culpa, esse ex anim excepteur, mollit ut ullamco. Reprehenderit exercitation Enim ea Nisi tempor Sint id 17.11.2015 17.11.2015
Dolor fugiat in, excepteur sed elit in do labore, est, ut. Dolor esse Dolore enim Duis ea Nisi aliquip 17.11.2015 17.11.2015
Adipiscing incididunt, occaecat aute commodo labore ipsum sunt dolor non, ipsum. Ex laborum Enim voluptate Qui proident Nostrud qui 17.11.2015 17.11.2015
Show    rows
<table data-e-version="2" class="e-table e-table-overview">
  <thead>
    <tr>
      <th class="e-table__sort e-table__sort-desc">
        Email name
      </th>
      <th class="e-table__col e-table__col-large e-table__sort">
        Recipient source
      </th>
      <th class="e-table__col e-table__col-small e-table__sort">
        Status
      </th>
      <th class="e-table__col e-table__col-small">
        Admin
      </th>
      <th class="e-table__col e-table__col-medium">
        Template
      </th>
      <th class="e-table__col e-table__col-xsmall e-table__sort">
        Created
      </th>
      <th class="e-table__col e-table__col-xsmall e-table__sort">
        Changed
      </th>
      <th class="e-table__col e-table__col-actions"></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        Nulla non ut nulla, quis ipsum laborum ad, ut, ut deserunt, consequat. 
      </td>
      <td>
        Fugiat elit 
      </td>
      <td>
        Ut magna 
      </td>
      <td>
        In minim 
      </td>
      <td>
        Dolor est 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Consectetur aliqua, elit, ut cupidatat consequat, ut. 
      </td>
      <td>
        Occaecat ut 
      </td>
      <td>
        Voluptate consequat 
      </td>
      <td>
        Et lorem 
      </td>
      <td>
        Dolor eiusmod 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Magna ut velit, esse commodo ipsum in, mollit. 
      </td>
      <td>
        Id cillum 
      </td>
      <td>
        Eiusmod pariatur 
      </td>
      <td>
        Quis reprehenderit 
      </td>
      <td>
        Ullamco exercitation 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Nostrud deserunt amet ea ut sunt, consequat reprehenderit. 
      </td>
      <td>
        Occaecat velit 
      </td>
      <td>
        Magna aute 
      </td>
      <td>
        In officia 
      </td>
      <td>
        Mollit sit 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Irure, commodo reprehenderit, nulla sed, qui commodo incididunt, ex commodo? 
      </td>
      <td>
        Ut amet 
      </td>
      <td>
        Sed anim 
      </td>
      <td>
        Proident incididunt 
      </td>
      <td>
        Cupidatat aliqua 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="8">
        <span class="float-right">
          <div class="e-pagination">
            <a href="#0" class="e-pagination__item e-pagination__item-prev e-pagination__item-disabled">
              <e-icon icon="caret-left"></e-icon>
            </a>
            <span class="e-pagination__item e-pagination__item-active">
              1
            </span>
            <a href="#0" class="e-pagination__item">
              2
            </a>
            <a href="#0" class="e-pagination__item">
              3
            </a>
            <a href="#0" class="e-pagination__item">
              4
            </a>
            <a href="#0" class="e-pagination__item">
              5
            </a>
            <a href="#0" class="e-pagination__item">
              6
            </a>
            <a href="#0" class="e-pagination__item e-pagination__item-next">
              <e-icon icon="caret-right"></e-icon>
            </a>
          </div>
        </span>
        Show&nbsp;
        <select name="onpage" class="e-select e-select-inline e-select__select2 e-select-small">
          <option value="5">
            5
          </option>
          <option value="10">
            10
          </option>
          <option value="15" selected="selected">
            15
          </option>
          <option value="20">
            20
          </option>
          <option value="25">
            25
          </option>
          <option value="50">
            50
          </option>
        </select>
        &nbsp;&nbsp;rows
      </td>
    </tr>
  </tfoot>
</table>

                        <table data-e-version="2" class="e-table e-table-overview">
                                            <thead>
                                              <tr>
                                                <th class="e-table__sort e-table__sort-desc">Email name</th>
                                                <th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
                                                <th class="e-table__col e-table__col-small e-table__sort">Status</th>
                                                <th class="e-table__col e-table__col-small">Admin</th>
                                                <th class="e-table__col e-table__col-medium">Template</th>
                                                <th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
                                                <th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
                                                <th class="e-table__col e-table__col-actions"></th>
                                              </tr>
                                            </thead>
                                                              <tbody>
                                                                <tr>
                                                                  <td>Dolor id excepteur consectetur, officia, in, occaecat, magna sed labore. 
                                                                  </td>
                                                                  <td>Consequat pariatur 
                                                                  </td>
                                                                  <td>Ea sunt 
                                                                  </td>
                                                                  <td>Veniam eu 
                                                                  </td>
                                                                  <td>Do 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 href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                                <tr>
                                                                  <td>Non in laborum magna sint velit magna aute, culpa pariatur? 
                                                                  </td>
                                                                  <td>Excepteur culpa 
                                                                  </td>
                                                                  <td>Amet ex 
                                                                  </td>
                                                                  <td>Adipiscing cillum 
                                                                  </td>
                                                                  <td>Ut aliquip 
                                                                  </td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-actions">
                                                                    <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                                <tr>
                                                                  <td>Exercitation aliqua nisi cupidatat ut laborum nulla in. 
                                                                  </td>
                                                                  <td>Pariatur culpa 
                                                                  </td>
                                                                  <td>Magna magna 
                                                                  </td>
                                                                  <td>Ipsum cillum 
                                                                  </td>
                                                                  <td>Culpa minim 
                                                                  </td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-actions">
                                                                    <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                                <tr>
                                                                  <td>Proident cupidatat, pariatur elit velit consectetur amet. 
                                                                  </td>
                                                                  <td>Dolor ex 
                                                                  </td>
                                                                  <td>In aliquip 
                                                                  </td>
                                                                  <td>Aute sed 
                                                                  </td>
                                                                  <td>Ullamco dolor 
                                                                  </td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-actions">
                                                                    <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                                <tr>
                                                                  <td>Eu et, cupidatat id magna non. 
                                                                  </td>
                                                                  <td>Consequat consectetur 
                                                                  </td>
                                                                  <td>Sunt ullamco 
                                                                  </td>
                                                                  <td>Et sed 
                                                                  </td>
                                                                  <td>Non fugiat 
                                                                  </td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-actions">
                                                                    <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                              </tbody>
                                                              <tfoot>
                                                                <tr>
                                                                  <td colspan="8"><span class="float-right">
                                                                      <div class="e-pagination"><a href="#0" class="e-pagination__item e-pagination__item-prev e-pagination__item-disabled">
                                                                          <e-icon icon="caret-left"></e-icon></a><span class="e-pagination__item e-pagination__item-active">1</span><a href="#0" class="e-pagination__item">2</a><a href="#0" class="e-pagination__item">3</a><a href="#0" class="e-pagination__item">4</a><a href="#0" class="e-pagination__item">5</a><a href="#0" class="e-pagination__item">6</a><a href="#0" class="e-pagination__item e-pagination__item-next">
                                                                          <e-icon icon="caret-right"></e-icon></a></div></span>Show&nbsp;
                                                                    <select name="onpage" class="e-select e-select-inline e-select__select2 e-select-small">
                                                                      <option value="5">5</option>
                                                                      <option value="10">10</option>
                                                                      <option value="15" selected="selected">15</option>
                                                                      <option value="20">20</option>
                                                                      <option value="25">25</option>
                                                                      <option value="50">50</option>
                                                                    </select>&nbsp;&nbsp;rows
                                                                  </td>
                                                                </tr>
                                                              </tfoot>
                        </table>

With Advanced filters

Email name Recipient source Status Admin Template Created Changed
Ut esse ut ea voluptate sit ipsum velit. Laboris velit Amet reprehenderit Enim lorem Culpa sunt 17.11.2015 17.11.2015
Cillum exercitation in, minim cillum deserunt officia, mollit, dolore sit. Nostrud dolore Deserunt excepteur Voluptate laboris Lorem culpa 17.11.2015 17.11.2015
In laboris commodo occaecat eiusmod minim. Ut lorem Lorem amet Sunt nisi Quis cupidatat 17.11.2015 17.11.2015
Fugiat, aliquip commodo eiusmod eiusmod occaecat, in occaecat, nisi ea cupidatat. Magna dolor Incididunt duis Est esse Adipiscing duis 17.11.2015 17.11.2015
Ad ex fugiat enim cupidatat dolore incididunt sed, amet est amet esse, veniam voluptate. Id exercitation Aliquip aute Non sint Reprehenderit dolore 17.11.2015 17.11.2015
<table data-e-version="2" class="e-table e-table-overview">
  <thead>
    <tr>
      <td colspan="8" class="e-table__col e-table__col-filter">
        <div class="e-table__filter">
          <label for="campaign_category" class="e-field__label e-field__label-inline e-field__label-small">
            Email category
          </label>
          <select id="campaign_category" name="campaign_category" class="e-select e-select__select2 e-select-large">
            <option value>
              All categories
            </option>
            <option value="0">
              No category
            </option>
            <option value="100000091">
              Animals
            </option>
          </select>
        </div>
        <div class="e-table__settings">
          <a href="#" class="js-advancedfilters-toggle e-toggle">
            <span class="e-toggle__text">
              More filters
            </span>
            <span class="e-toggle__text e-toggle__text-open">
              Fewer filters
            </span>
          </a>
        </div>
        <script>
          $(document).on('ready', function() {  $('.js-advancedfilters-toggle').on('click', function(event) {  event.preventDefault();  $('.js-advancedfilters-toggle').toggleClass('e-toggle-opened');  $('.js-advancedfilters').toggleClass('e-table__advancedfilters-active');  });});
        </script>
        <div class="e-row e-table__advancedfilters js-advancedfilters">
          <div class="e-col-12">
            <div class="e-field e-field-inline">
              <label for="owner" class="e-field__label e-field__label-inline e-field__label-small">
                Emails
              </label>
              <select id="owner" name="owner" class="e-select e-select__select2 e-select-small">
                <option value="all" selected>
                  All
                </option>
                <option value="own">
                  Mine
                </option>
              </select>
            </div>
            <div class="e-field e-field-inline">
              <label for="deleted" class="e-field__label e-field__label-inline e-field__label-small">
                Status
              </label>
              <select id="deleted" name="deleted" onchange="RefreshView()" class="e-select e-select__select2 e-select-large">
                <option value="n1000" selected="selected">
                  Current (last 200)
                </option>
                <option value="n">
                  All
                </option>
                <option value="y">
                  Deleted
                </option>
              </select>
              <select name="astatus" onchange="RefreshView()" class="e-select e-select__select2 e-select-large">
                <option value="0" selected>
                  All
                </option>
                <option value="1">
                  In Design
                </option>
                <option value="4">
                  Ready to Launch
                </option>
                <option value="2">
                  Tested
                </option>
                <option value="3">
                  Launched
                </option>
              </select>
            </div>
            <div class="e-field e-field-inline">
              <label for="lang1" class="e-field__label e-field__label-inline e-field__label-small">
                Language
              </label>
              <select id="lang1" name="lang1" class="e-select e-select__select2 e-select-large">
                <option value>
                  All
                </option>
                <option value="ar">
                  arabic
                </option>
                <option value="bg">
                  bulgarian
                </option>
                <option value="cn">
                  chinese (simplified)
                </option>
                <option value="zh">
                  chinese (traditional)
                </option>
                <option value="hr">
                  croatian
                </option>
                <option value="cz">
                  czech
                </option>
                <option value="dk">
                  danish
                </option>
                <option value="nl">
                  dutch
                </option>
                <option value="en">
                  english
                </option>
                <option value="us">
                  English (US)
                </option>
                <option value="et">
                  Estonian
                </option>
                <option value="fi">
                  finnish
                </option>
                <option value="fr">
                  french
                </option>
                <option value="de">
                  german
                </option>
                <option value="EL">
                  greek
                </option>
                <option value="he">
                  hebrew
                </option>
                <option value="hi">
                  Hindi
                </option>
                <option value="hu">
                  hungarian
                </option>
                <option value="it">
                  italian
                </option>
                <option value="jp">
                  japanese
                </option>
                <option value="ko">
                  korean
                </option>
                <option value="lv">
                  Latvian
                </option>
                <option value="mk">
                  macedonian
                </option>
                <option value="mo">
                  moldavian
                </option>
                <option value="no">
                  norwegian
                </option>
                <option value="pl">
                  polish
                </option>
                <option value="pr">
                  portuguese
                </option>
                <option value="ro">
                  romanian
                </option>
                <option value="ru">
                  russian
                </option>
                <option value="sc">
                  Serbian
                </option>
                <option value="sr">
                  serbocroatian
                </option>
                <option value="sk">
                  slovak
                </option>
                <option value="sl">
                  slovenian
                </option>
                <option value="es">
                  spanish
                </option>
                <option value="sv">
                  swedish
                </option>
                <option value="th">
                  thai
                </option>
                <option value="tr">
                  turkish
                </option>
                <option value="uk">
                  ukrainian
                </option>
              </select>
            </div>
            <div class="e-field e-field-inline">
              <input id="show_child_campaigns" type="checkbox" name="show_child_campaigns" class="e-checkbox">
              <label id="showChildCampaignsLabel" for="show_child_campaigns">
                Show child emails
              </label>
            </div>
            <div class="e-field e-field-inline">
              <input id="save_pref" type="checkbox" name="save_pref" class="e-checkbox">
              <label for="save_pref">
                Save settings
              </label>
            </div>
          </div>
        </div>
      </td>
    </tr>
    <tr>
      <th class="e-table__sort e-table__sort-desc">
        Email name
      </th>
      <th class="e-table__col e-table__col-large e-table__sort">
        Recipient source
      </th>
      <th class="e-table__col e-table__col-small e-table__sort">
        Status
      </th>
      <th class="e-table__col e-table__col-small">
        Admin
      </th>
      <th class="e-table__col e-table__col-medium">
        Template
      </th>
      <th class="e-table__col e-table__col-xsmall e-table__sort">
        Created
      </th>
      <th class="e-table__col e-table__col-xsmall e-table__sort">
        Changed
      </th>
      <th class="e-table__col e-table__col-actions"></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        Consequat occaecat, eiusmod, deserunt aliqua pariatur ullamco, magna est dolor. 
      </td>
      <td>
        Ex anim 
      </td>
      <td>
        Laborum id 
      </td>
      <td>
        Consequat enim 
      </td>
      <td>
        Consectetur dolore 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Ad eu adipiscing est. 
      </td>
      <td>
        Elit enim 
      </td>
      <td>
        Incididunt pariatur 
      </td>
      <td>
        Proident non 
      </td>
      <td>
        Commodo id 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Aute, ad deserunt non, in commodo magna. 
      </td>
      <td>
        Aliqua consectetur 
      </td>
      <td>
        Sunt esse 
      </td>
      <td>
        Ipsum adipiscing 
      </td>
      <td>
        Minim dolor 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Cillum irure, nisi culpa ullamco in. 
      </td>
      <td>
        Ut velit 
      </td>
      <td>
        Occaecat laborum 
      </td>
      <td>
        Lorem ea 
      </td>
      <td>
        Lorem culpa 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Sed ex proident, laboris ut occaecat, ex, adipiscing. 
      </td>
      <td>
        Ut sunt 
      </td>
      <td>
        Amet aliqua 
      </td>
      <td>
        Anim sint 
      </td>
      <td>
        Deserunt deserunt 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </tbody>
</table>

                        <table data-e-version="2" class="e-table e-table-overview">
                                            <thead>
                                              <tr>
                                                <td colspan="8" class="e-table__col e-table__col-filter">
                                                  <div class="e-table__filter">
                                                    <label for="campaign_category" class="e-field__label e-field__label-inline e-field__label-small">Email category</label>
                                                    <select id="campaign_category" name="campaign_category" class="e-select e-select__select2 e-select-large">
                                                      <option value="">All categories</option>
                                                      <option value="0">No category</option>
                                                      <option value="100000091">Animals</option>
                                                    </select>
                                                  </div>
                                                  <div class="e-table__settings"><a href="#" class="js-advancedfilters-toggle e-toggle"><span class="e-toggle__text">More filters</span><span class="e-toggle__text e-toggle__text-open">Fewer filters</span></a></div>
                                                  <script>
                                                    $(document).on('ready', function() {
                                                      $('.js-advancedfilters-toggle').on('click', function(event) {
                                                      event.preventDefault();
                                                      $('.js-advancedfilters-toggle').toggleClass('e-toggle-opened');
                                                      $('.js-advancedfilters').toggleClass('e-table__advancedfilters-active');
                                                      });
                                                    });
                                                  </script>
                                                  <div class="e-row e-table__advancedfilters js-advancedfilters">
                                                    <div class="e-col-12">
                                                      <div class="e-field e-field-inline">
                                                        <label for="owner" class="e-field__label e-field__label-inline e-field__label-small">Emails</label>
                                                        <select id="owner" name="owner" class="e-select e-select__select2 e-select-small">
                                                          <option value="all" selected="">All</option>
                                                          <option value="own">Mine</option>
                                                        </select>
                                                      </div>
                                                      <div class="e-field e-field-inline">
                                                        <label for="deleted" class="e-field__label e-field__label-inline e-field__label-small">Status</label>
                                                        <select id="deleted" name="deleted" onchange="RefreshView()" class="e-select e-select__select2 e-select-large">
                                                          <option value="n1000" selected="selected">Current (last 200)</option>
                                                          <option value="n">All</option>
                                                          <option value="y">Deleted</option>
                                                        </select>
                                                        <select name="astatus" onchange="RefreshView()" class="e-select e-select__select2 e-select-large">
                                                          <option value="0" selected="">All</option>
                                                          <option value="1">In Design</option>
                                                          <option value="4">Ready to Launch</option>
                                                          <option value="2">Tested</option>
                                                          <option value="3">Launched</option>
                                                        </select>
                                                      </div>
                                                      <div class="e-field e-field-inline">
                                                        <label for="lang1" class="e-field__label e-field__label-inline e-field__label-small">Language</label>
                                                        <select id="lang1" name="lang1" class="e-select e-select__select2 e-select-large">
                                                          <option value="">All</option>
                                                          <option value="ar">arabic</option>
                                                          <option value="bg">bulgarian</option>
                                                          <option value="cn">chinese (simplified)</option>
                                                          <option value="zh">chinese (traditional)</option>
                                                          <option value="hr">croatian</option>
                                                          <option value="cz">czech</option>
                                                          <option value="dk">danish</option>
                                                          <option value="nl">dutch</option>
                                                          <option value="en">english</option>
                                                          <option value="us">English (US)</option>
                                                          <option value="et">Estonian</option>
                                                          <option value="fi">finnish</option>
                                                          <option value="fr">french</option>
                                                          <option value="de">german</option>
                                                          <option value="EL">greek</option>
                                                          <option value="he">hebrew</option>
                                                          <option value="hi">Hindi</option>
                                                          <option value="hu">hungarian</option>
                                                          <option value="it">italian</option>
                                                          <option value="jp">japanese</option>
                                                          <option value="ko">korean</option>
                                                          <option value="lv">Latvian</option>
                                                          <option value="mk">macedonian</option>
                                                          <option value="mo">moldavian</option>
                                                          <option value="no">norwegian</option>
                                                          <option value="pl">polish</option>
                                                          <option value="pr">portuguese</option>
                                                          <option value="ro">romanian</option>
                                                          <option value="ru">russian</option>
                                                          <option value="sc">Serbian</option>
                                                          <option value="sr">serbocroatian</option>
                                                          <option value="sk">slovak</option>
                                                          <option value="sl">slovenian</option>
                                                          <option value="es">spanish</option>
                                                          <option value="sv">swedish</option>
                                                          <option value="th">thai</option>
                                                          <option value="tr">turkish</option>
                                                          <option value="uk">ukrainian</option>
                                                        </select>
                                                      </div>
                                                      <div class="e-field e-field-inline">
                                                        <input id="show_child_campaigns" type="checkbox" name="show_child_campaigns" class="e-checkbox">
                                                        <label id="showChildCampaignsLabel" for="show_child_campaigns">Show child emails</label>
                                                      </div>
                                                      <div class="e-field e-field-inline">
                                                        <input id="save_pref" type="checkbox" name="save_pref" class="e-checkbox">
                                                        <label for="save_pref">Save settings</label>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </td>
                                              </tr>
                                              <tr>
                                                <th class="e-table__sort e-table__sort-desc">Email name</th>
                                                <th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
                                                <th class="e-table__col e-table__col-small e-table__sort">Status</th>
                                                <th class="e-table__col e-table__col-small">Admin</th>
                                                <th class="e-table__col e-table__col-medium">Template</th>
                                                <th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
                                                <th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
                                                <th class="e-table__col e-table__col-actions"></th>
                                              </tr>
                                            </thead>
                                                              <tbody>
                                                                <tr>
                                                                  <td>Officia pariatur pariatur commodo ad in duis qui. 
                                                                  </td>
                                                                  <td>Nisi consectetur 
                                                                  </td>
                                                                  <td>Velit irure 
                                                                  </td>
                                                                  <td>Officia duis 
                                                                  </td>
                                                                  <td>Proident duis 
                                                                  </td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-actions">
                                                                    <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                                <tr>
                                                                  <td>Sunt tempor culpa labore eu ut eiusmod, ut adipiscing nulla. 
                                                                  </td>
                                                                  <td>Duis deserunt 
                                                                  </td>
                                                                  <td>In do 
                                                                  </td>
                                                                  <td>Nostrud cupidatat 
                                                                  </td>
                                                                  <td>Mollit do 
                                                                  </td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-actions">
                                                                    <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                                <tr>
                                                                  <td>Nostrud culpa qui ut dolore adipiscing dolor laborum cupidatat, mollit pariatur nostrud incididunt? 
                                                                  </td>
                                                                  <td>Sit laborum 
                                                                  </td>
                                                                  <td>Dolor sint 
                                                                  </td>
                                                                  <td>Ea laboris 
                                                                  </td>
                                                                  <td>Sed ea 
                                                                  </td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-actions">
                                                                    <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                                <tr>
                                                                  <td>Minim mollit laborum dolore amet, amet ullamco exercitation, nisi in labore? 
                                                                  </td>
                                                                  <td>Qui ullamco 
                                                                  </td>
                                                                  <td>Est commodo 
                                                                  </td>
                                                                  <td>Elit id 
                                                                  </td>
                                                                  <td>Fugiat esse 
                                                                  </td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-actions">
                                                                    <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                                <tr>
                                                                  <td>Ipsum nulla, ex elit minim, id irure in sint. 
                                                                  </td>
                                                                  <td>Occaecat culpa 
                                                                  </td>
                                                                  <td>In in 
                                                                  </td>
                                                                  <td>Consequat ullamco 
                                                                  </td>
                                                                  <td>Cillum deserunt 
                                                                  </td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                  <td class="e-table__col e-table__col-actions">
                                                                    <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                    <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                        <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                  </td>
                                                                </tr>
                                                              </tbody>
                        </table>

Condensed .e-table-condensed

Irure dolor, amet elit, incididunt esse consectetur, labore lorem aute aliqua ex, sit? Ad cupidatat Exercitation consectetur Consequat dolor Veniam irure 17.11.2015 17.11.2015
Nulla id, magna ex, do ea aute fugiat officia. Pariatur enim Cupidatat laboris Velit consequat Aute tempor 17.11.2015 17.11.2015
Non consequat nulla, culpa. Cupidatat ut Aliquip veniam Velit tempor Duis duis 17.11.2015 17.11.2015
Irure mollit fugiat consectetur id mollit tempor lorem id. Eu ad Ex ut Labore in Sunt quis 17.11.2015 17.11.2015
Occaecat, incididunt sit sint do eu consectetur. Consequat ut Quis nostrud Laboris occaecat Cupidatat eiusmod 17.11.2015 17.11.2015
<table data-e-version="2" class="e-table e-table-condensed">
  <tbody>
    <tr>
      <td>
        Minim reprehenderit consequat, pariatur dolor proident commodo duis non, irure eiusmod. 
      </td>
      <td>
        In nostrud 
      </td>
      <td>
        Excepteur in 
      </td>
      <td>
        Esse ex 
      </td>
      <td>
        Cupidatat enim 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Laboris, ullamco laborum incididunt, excepteur, ut do sunt eiusmod? 
      </td>
      <td>
        Anim nostrud 
      </td>
      <td>
        Aliquip sunt 
      </td>
      <td>
        Commodo adipiscing 
      </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 href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Nisi labore ut quis in velit mollit pariatur. 
      </td>
      <td>
        Eiusmod veniam 
      </td>
      <td>
        Sunt id 
      </td>
      <td>
        Veniam ut 
      </td>
      <td>
        Est sed 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Enim do velit, id proident adipiscing aliqua. 
      </td>
      <td>
        Dolor laborum 
      </td>
      <td>
        Consectetur officia 
      </td>
      <td>
        Nulla fugiat 
      </td>
      <td>
        Culpa officia 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Non ad, in sit cillum in elit et nulla? 
      </td>
      <td>
        Esse ea 
      </td>
      <td>
        Ullamco adipiscing 
      </td>
      <td>
        Pariatur laboris 
      </td>
      <td>
        Dolor 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 href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </tbody>
</table>

                        <table data-e-version="2" class="e-table e-table-condensed">
                                            <tbody>
                                              <tr>
                                                <td>Ad duis sunt, consequat mollit adipiscing mollit in esse, enim. 
                                                </td>
                                                <td>Dolore anim 
                                                </td>
                                                <td>Qui velit 
                                                </td>
                                                <td>In veniam 
                                                </td>
                                                <td>Nulla est 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td>Ut sunt sunt minim, occaecat, dolor, excepteur velit, aliquip nulla, sed culpa, eu. 
                                                </td>
                                                <td>Labore lorem 
                                                </td>
                                                <td>Ullamco dolor 
                                                </td>
                                                <td>Occaecat sint 
                                                </td>
                                                <td>Ut ipsum 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td>In id. 
                                                </td>
                                                <td>Officia culpa 
                                                </td>
                                                <td>Quis quis 
                                                </td>
                                                <td>In est 
                                                </td>
                                                <td>Enim excepteur 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td>Commodo dolor, laborum mollit laboris. 
                                                </td>
                                                <td>Cillum deserunt 
                                                </td>
                                                <td>Veniam eu 
                                                </td>
                                                <td>Ipsum deserunt 
                                                </td>
                                                <td>Consectetur deserunt 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td>Dolor proident sunt labore culpa in? 
                                                </td>
                                                <td>Exercitation tempor 
                                                </td>
                                                <td>Mollit exercitation 
                                                </td>
                                                <td>Exercitation et 
                                                </td>
                                                <td>Eiusmod enim 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                            </tbody>
                        </table>

Inner .e-table-inner

Adipiscing elit quis ipsum, dolor laboris, nulla ex. Nulla incididunt Ex exercitation Lorem mollit Sunt labore 17.11.2015 17.11.2015
Dolor consequat aliquip ullamco reprehenderit ea, cupidatat? Elit elit Laboris quis In anim Quis id 17.11.2015 17.11.2015
Dolor, ea nisi lorem, et amet, laborum veniam, qui est aliqua non. Pariatur fugiat Irure dolore Ex nostrud Amet quis 17.11.2015 17.11.2015
Anim nostrud reprehenderit tempor laborum ad in. Cupidatat ut Lorem anim Pariatur in Irure sunt 17.11.2015 17.11.2015
Est, occaecat, velit nisi ea ut pariatur. Nulla ea Ut nisi Minim veniam Tempor sint 17.11.2015 17.11.2015
<table data-e-version="2" class="e-table e-table-inner">
  <tbody>
    <tr>
      <td>
        Ullamco, occaecat exercitation, ex qui anim id ut id. 
      </td>
      <td>
        Ut culpa 
      </td>
      <td>
        Enim sed 
      </td>
      <td>
        Pariatur nisi 
      </td>
      <td>
        Excepteur consequat 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Tempor ea dolor non sed tempor amet dolore esse excepteur. 
      </td>
      <td>
        Ad cupidatat 
      </td>
      <td>
        Sit adipiscing 
      </td>
      <td>
        Culpa elit 
      </td>
      <td>
        Commodo commodo 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Velit in, tempor ipsum magna laboris anim laboris. 
      </td>
      <td>
        Exercitation mollit 
      </td>
      <td>
        Nisi adipiscing 
      </td>
      <td>
        Dolor pariatur 
      </td>
      <td>
        Esse do 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Ea ut elit et ut, commodo ut nisi officia, nisi. 
      </td>
      <td>
        Anim excepteur 
      </td>
      <td>
        Dolor reprehenderit 
      </td>
      <td>
        Dolore cillum 
      </td>
      <td>
        Occaecat dolor 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Et veniam qui sunt, elit dolore, dolor sunt nostrud. 
      </td>
      <td>
        Esse adipiscing 
      </td>
      <td>
        Deserunt aliqua 
      </td>
      <td>
        Qui in 
      </td>
      <td>
        Adipiscing est 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </tbody>
</table>

                        <table data-e-version="2" class="e-table e-table-inner">
                                            <tbody>
                                              <tr>
                                                <td>Deserunt, enim, elit ut, cillum eiusmod adipiscing aliqua duis enim. 
                                                </td>
                                                <td>Ipsum ut 
                                                </td>
                                                <td>Fugiat ut 
                                                </td>
                                                <td>Et cillum 
                                                </td>
                                                <td>Minim in 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td>Fugiat lorem, sit, velit, magna eu fugiat, amet. 
                                                </td>
                                                <td>Ut ea 
                                                </td>
                                                <td>Cupidatat esse 
                                                </td>
                                                <td>Sit ut 
                                                </td>
                                                <td>Voluptate deserunt 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td>Duis, dolor in veniam esse incididunt ullamco, laboris ex in, lorem velit. 
                                                </td>
                                                <td>Sed qui 
                                                </td>
                                                <td>Sunt laboris 
                                                </td>
                                                <td>Non qui 
                                                </td>
                                                <td>Sunt ullamco 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td>Est, in deserunt nostrud dolore, dolor in ea elit sunt excepteur do incididunt. 
                                                </td>
                                                <td>Proident velit 
                                                </td>
                                                <td>Veniam quis 
                                                </td>
                                                <td>Laboris tempor 
                                                </td>
                                                <td>Exercitation incididunt 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td>Dolor excepteur magna enim nostrud ea ipsum. 
                                                </td>
                                                <td>Commodo ut 
                                                </td>
                                                <td>Qui reprehenderit 
                                                </td>
                                                <td>Mollit incididunt 
                                                </td>
                                                <td>Ad id 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                            </tbody>
                        </table>

Bordered .e-table-bordered

Consequat, dolore dolor tempor cillum mollit minim, in. Laborum cupidatat Dolor commodo Minim irure Tempor cillum 17.11.2015 17.11.2015
Elit ex do, esse, incididunt duis dolore dolore nostrud dolore nostrud ipsum. Mollit officia Ipsum sed Pariatur cupidatat Laborum duis 17.11.2015 17.11.2015
Ipsum aliquip aute, cillum, labore incididunt sunt magna. In quis Nisi anim Et amet Ut sint 17.11.2015 17.11.2015
Deserunt in irure anim laboris enim dolore, lorem, voluptate consequat lorem ea proident. Velit sint Pariatur incididunt Ad aute Ut sint 17.11.2015 17.11.2015
Deserunt aliqua id irure magna, occaecat. Labore et Nulla deserunt Dolore labore Do et 17.11.2015 17.11.2015
<table data-e-version="2" class="e-table e-table-bordered">
  <tbody>
    <tr>
      <td>
        Ipsum qui sint, sit sint dolore cillum sit duis. 
      </td>
      <td>
        Sint duis 
      </td>
      <td>
        In consectetur 
      </td>
      <td>
        In sed 
      </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 href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Esse sed ea anim nostrud excepteur. 
      </td>
      <td>
        Ullamco laboris 
      </td>
      <td>
        Ullamco est 
      </td>
      <td>
        Ad voluptate 
      </td>
      <td>
        Pariatur ex 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        In non, veniam ut, anim consectetur. 
      </td>
      <td>
        Officia amet 
      </td>
      <td>
        Tempor irure 
      </td>
      <td>
        Ad amet 
      </td>
      <td>
        Quis quis 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Enim veniam culpa, nisi ut exercitation labore ex reprehenderit qui. 
      </td>
      <td>
        In nulla 
      </td>
      <td>
        Laborum ut 
      </td>
      <td>
        Proident ut 
      </td>
      <td>
        Id dolore 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Ut irure culpa minim reprehenderit reprehenderit consequat dolor, nisi eiusmod? 
      </td>
      <td>
        Anim consectetur 
      </td>
      <td>
        Aute culpa 
      </td>
      <td>
        Aliquip aute 
      </td>
      <td>
        Irure culpa 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </tbody>
</table>

                        <table data-e-version="2" class="e-table e-table-bordered">
                                            <tbody>
                                              <tr>
                                                <td>Ea mollit, id in ipsum veniam mollit, exercitation, ipsum nostrud consequat dolore. 
                                                </td>
                                                <td>Laborum ut 
                                                </td>
                                                <td>Reprehenderit quis 
                                                </td>
                                                <td>Proident nisi 
                                                </td>
                                                <td>Et adipiscing 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td>In eiusmod nulla nostrud voluptate eu dolore, fugiat elit. 
                                                </td>
                                                <td>Esse ad 
                                                </td>
                                                <td>Incididunt eu 
                                                </td>
                                                <td>Qui voluptate 
                                                </td>
                                                <td>Officia ullamco 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td>Pariatur, voluptate, mollit tempor. 
                                                </td>
                                                <td>Sint irure 
                                                </td>
                                                <td>Veniam in 
                                                </td>
                                                <td>Adipiscing dolor 
                                                </td>
                                                <td>Anim commodo 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td>Pariatur qui sed, mollit non officia. 
                                                </td>
                                                <td>Pariatur sunt 
                                                </td>
                                                <td>Non velit 
                                                </td>
                                                <td>Ut lorem 
                                                </td>
                                                <td>Eu laborum 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td>Ad incididunt ut cillum, sed enim, enim aliquip officia tempor in? 
                                                </td>
                                                <td>Velit exercitation 
                                                </td>
                                                <td>Duis pariatur 
                                                </td>
                                                <td>Sed lorem 
                                                </td>
                                                <td>Sunt aute 
                                                </td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                <td class="e-table__col e-table__col-actions">
                                                  <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                  <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                      <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                </td>
                                              </tr>
                                            </tbody>
                        </table>

Borderless table

Velit dolor, commodo, anim enim officia, eu cillum ut. Tempor, non dolore duis, aliquip reprehenderit officia, ex veniam aliqua id?
Non consectetur ipsum, sint deserunt sed esse. Magna labore labore eiusmod lorem deserunt eu.
Aute minim culpa nisi, duis amet elit minim. Fugiat sit dolor nisi eu esse elit, veniam in sit, occaecat reprehenderit.
<table data-e-version="2" class="e-table">
  <thead class="e-table__content e-table__content-without_border">
    <tr>
      <td>
        Elit, labore, est duis dolor, dolore magna enim occaecat aute reprehenderit, id. 
      </td>
      <td>
        Proident ullamco eu, dolore irure, ullamco laborum, proident. 
      </td>
    </tr>
  </thead>
  <tbody class="e-table__content e-table__content-without_border">
    <tr>
      <td>
        Officia, ut aliquip eu mollit, officia dolore sed, velit. 
      </td>
      <td>
        Aliqua, elit labore ut, nisi nisi do? 
      </td>
    </tr>
    <tr>
      <td>
        Aute dolore minim velit fugiat ut, magna ullamco laboris, mollit. 
      </td>
      <td>
        Esse ullamco id sunt nulla culpa ut magna. 
      </td>
    </tr>
  </tbody>
</table>

                        <table data-e-version="2" class="e-table">
                          <thead class="e-table__content e-table__content-without_border">
                            <tr>
                              <td>Dolor dolore, esse dolor nulla, veniam exercitation. 
                              </td>
                              <td>Ad ut duis nulla excepteur enim lorem ut. 
                              </td>
                            </tr>
                          </thead>
                          <tbody class="e-table__content e-table__content-without_border">
                            <tr>
                              <td>Velit sed ut ipsum, reprehenderit, in cillum, in velit veniam dolore, proident, incididunt. 
                              </td>
                              <td>In, aute aliqua ut ipsum aliqua aliquip, pariatur ex. 
                              </td>
                            </tr>
                            <tr>
                              <td>Eu id ut consectetur elit mollit, ex elit cupidatat. 
                              </td>
                              <td>Ut aliquip, eiusmod amet et, consectetur deserunt. 
                              </td>
                            </tr>
                          </tbody>
                        </table>

Vertical centered .e-table-verticalcentered

Lorem ipsum
dolor sit amet
Vertical centered text
Lorem ipsum dolor sit amet Vertical centered text
<table data-e-version="2" class="e-table e-table-verticalcentered">
  <tbody>
    <tr>
      <td>
        Lorem ipsum
        <br>
        dolor sit amet
      </td>
      <td>
        Vertical centered text
      </td>
    </tr>
    <tr>
      <td>
        Lorem ipsum dolor sit amet
      </td>
      <td>
        Vertical centered text
      </td>
    </tr>
  </tbody>
</table>

                        <table data-e-version="2" class="e-table e-table-verticalcentered">
                          <tbody>
                            <tr>
                              <td>Lorem ipsum<br>dolor sit amet</td>
                              <td>Vertical centered text</td>
                            </tr>
                            <tr>
                              <td>Lorem ipsum dolor sit amet</td>
                              <td>Vertical centered text</td>
                            </tr>
                          </tbody>
                        </table>

New selected row

Ullamco ea labore id amet amet occaecat aute mollit ipsum esse non.
Sint eiusmod dolore magna velit proident minim.
<table data-e-version="2" class="e-table e-table-overview">
  <tbody>
    <tr class="e-table__row">
      <td>
        Excepteur, irure, deserunt sunt est anim ut consectetur quis consectetur? 
      </td>
    </tr>
    <tr class="e-table__row e-table__row-active">
      <td>
        Ea sed voluptate, esse non dolor, labore exercitation proident dolore. 
      </td>
    </tr>
  </tbody>
</table>

                        <table data-e-version="2" class="e-table e-table-overview">
                          <tbody>
                            <tr class="e-table__row">
                              <td>Nostrud, elit enim amet ipsum nisi proident consequat qui dolor incididunt. 
                              </td>
                            </tr>
                            <tr class="e-table__row e-table__row-active">
                              <td>Adipiscing et ut nulla pariatur, in et sunt fugiat est consectetur duis, anim tempor nisi, eiusmod. 
                              </td>
                            </tr>
                          </tbody>
                        </table>

Old Selected row

Quis voluptate, ullamco dolore nostrud magna ullamco anim exercitation excepteur in elit laboris.
Ea labore reprehenderit velit reprehenderit adipiscing esse nulla, eu reprehenderit.
<table data-e-version="2" class="e-table e-table-overview">
  <thead>
    <tr>
      <td>
        Anim, labore fugiat lorem qui eu sint do adipiscing eu. 
      </td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="e-table__col e-table__col-selected">
        Aliquip, ullamco qui nisi nulla, enim, officia dolor nisi eu dolor officia cupidatat do. 
      </td>
    </tr>
  </tbody>
</table>

                        <table data-e-version="2" class="e-table e-table-overview">
                          <thead>
                            <tr>
                              <td>Eiusmod duis nulla, ut elit in consectetur, ipsum veniam ex commodo. 
                              </td>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td class="e-table__col e-table__col-selected">Elit nulla cupidatat eiusmod id, non amet, sit ut consectetur eiusmod occaecat, in. 
                              </td>
                            </tr>
                          </tbody>
                        </table>

Rich content table list

Outlook 2013
Windows
82%
Outlook 2013
Windows
32%
Outlook 2013
Windows
12%
Outlook 2013
Windows
12%
<table data-e-version="2" class="e-table e-table-verticalcentered e-table-condensed">
  <tbody>
    <tr class="e-table__row">
      <td class="e-table__col e-table__col-auto">
        <input type="checkbox" id="tablelist-1" class="e-checkbox e-checkbox-onlycheckbox">
        <label for="tablelist-1"></label>
      </td>
      <td class="e-table__col e-table__col-auto">
        <div style="background-image: url(https://placehold.it/650x1200/32d17e/fff);" class="e-table__thumbnail"></div>
      </td>
      <td>
        <div class="text-lineheight">
          <b>
            Outlook 2013
          </b>
          <div class="text-color-shade">
            Windows
          </div>
        </div>
      </td>
      <td class="e-table__col e-table__col-auto e-table__col-nowrap">
        <e-icon icon="user" type="table"></e-icon>
        82%
      </td>
    </tr>
    <tr class="e-table__row">
      <td class="e-table__col e-table__col-auto">
        <input type="checkbox" id="tablelist-2" class="e-checkbox e-checkbox-onlycheckbox">
        <label for="tablelist-2"></label>
      </td>
      <td class="e-table__col e-table__col-auto">
        <div class="e-table__thumbnail e-table__thumbnail-empty"></div>
      </td>
      <td>
        <div class="text-lineheight">
          <b>
            Outlook 2013
          </b>
          <div class="text-color-shade">
            Windows
          </div>
        </div>
      </td>
      <td class="e-table__col e-table__col-auto e-table__col-nowrap">
        <e-icon icon="user" type="table"></e-icon>
        32%
      </td>
    </tr>
    <tr class="e-table__row e-table__row-active">
      <td class="e-table__col e-table__col-auto">
        <input type="checkbox" id="tablelist-3" class="e-checkbox e-checkbox-onlycheckbox">
        <label for="tablelist-3"></label>
      </td>
      <td class="e-table__col e-table__col-auto">
        <div style="background-image: url(https://placehold.it/50x50/32d17e/fff);" class="e-table__thumbnail"></div>
      </td>
      <td>
        <div class="text-lineheight">
          <b>
            Outlook 2013
          </b>
          <div class="text-color-shade">
            Windows
          </div>
        </div>
      </td>
      <td class="e-table__col e-table__col-auto e-table__col-nowrap">
        <e-icon icon="user" type="table"></e-icon>
        12%
      </td>
    </tr>
    <tr class="e-table__row">
      <td class="e-table__col e-table__col-auto">
        <input type="checkbox" id="tablelist-3" class="e-checkbox e-checkbox-onlycheckbox">
        <label for="tablelist-3"></label>
      </td>
      <td class="e-table__col e-table__col-auto">
        <div style="background-image: url(https://placehold.it/50x50/32d17e/fff);" class="e-table__thumbnail"></div>
      </td>
      <td>
        <div class="text-lineheight">
          <b class="text-color-warning">
            <e-icon icon="e-clock-o" size="small" type="inline" color="warning"></e-icon>
            Outlook 2013
          </b>
          <div class="text-color-warning">
            Windows
          </div>
        </div>
      </td>
      <td class="e-table__col e-table__col-auto e-table__col-nowrap">
        <e-icon icon="user" type="table"></e-icon>
        12%
      </td>
    </tr>
  </tbody>
</table>

                        <table data-e-version="2" class="e-table e-table-verticalcentered e-table-condensed">
                          <tbody>
                            <tr class="e-table__row">
                              <td class="e-table__col e-table__col-auto">
                                <input type="checkbox" id="tablelist-1" class="e-checkbox e-checkbox-onlycheckbox">
                                <label for="tablelist-1"></label>
                              </td>
                              <td class="e-table__col e-table__col-auto">
                                <div style="background-image: url(https://placehold.it/650x1200/32d17e/fff);" class="e-table__thumbnail"></div>
                              </td>
                              <td>
                                <div class="text-lineheight"><b>Outlook 2013</b>
                                  <div class="text-color-shade">Windows</div>
                                </div>
                              </td>
                              <td class="e-table__col e-table__col-auto e-table__col-nowrap">
                                <e-icon icon="user" type="table"></e-icon>82%
                              </td>
                            </tr>
                            <tr class="e-table__row">
                              <td class="e-table__col e-table__col-auto">
                                <input type="checkbox" id="tablelist-2" class="e-checkbox e-checkbox-onlycheckbox">
                                <label for="tablelist-2"></label>
                              </td>
                              <td class="e-table__col e-table__col-auto">
                                <div class="e-table__thumbnail e-table__thumbnail-empty"></div>
                              </td>
                              <td>
                                <div class="text-lineheight"><b>Outlook 2013</b>
                                  <div class="text-color-shade">Windows</div>
                                </div>
                              </td>
                              <td class="e-table__col e-table__col-auto e-table__col-nowrap">
                                <e-icon icon="user" type="table"></e-icon>32%
                              </td>
                            </tr>
                            <tr class="e-table__row e-table__row-active">
                              <td class="e-table__col e-table__col-auto">
                                <input type="checkbox" id="tablelist-3" class="e-checkbox e-checkbox-onlycheckbox">
                                <label for="tablelist-3"></label>
                              </td>
                              <td class="e-table__col e-table__col-auto">
                                <div style="background-image: url(https://placehold.it/50x50/32d17e/fff);" class="e-table__thumbnail"></div>
                              </td>
                              <td>
                                <div class="text-lineheight"><b>Outlook 2013</b>
                                  <div class="text-color-shade">Windows</div>
                                </div>
                              </td>
                              <td class="e-table__col e-table__col-auto e-table__col-nowrap">
                                <e-icon icon="user" type="table"></e-icon>12%
                              </td>
                            </tr>
                            <tr class="e-table__row">
                              <td class="e-table__col e-table__col-auto">
                                <input type="checkbox" id="tablelist-3" class="e-checkbox e-checkbox-onlycheckbox">
                                <label for="tablelist-3"></label>
                              </td>
                              <td class="e-table__col e-table__col-auto">
                                <div style="background-image: url(https://placehold.it/50x50/32d17e/fff);" class="e-table__thumbnail"></div>
                              </td>
                              <td>
                                <div class="text-lineheight"><b class="text-color-warning">
                                    <e-icon icon="e-clock-o" size="small" type="inline" color="warning"></e-icon>Outlook 2013</b>
                                  <div class="text-color-warning">Windows</div>
                                </div>
                              </td>
                              <td class="e-table__col e-table__col-auto e-table__col-nowrap">
                                <e-icon icon="user" type="table"></e-icon>12%
                              </td>
                            </tr>
                          </tbody>
                        </table>

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 e-table-hover

Email name Recipient source Status Admin Template Created Changed
Laborum ea do labore et officia velit? Commodo dolore Proident dolore In amet Officia laborum 17.11.2015 17.11.2015
Amet, in culpa, nisi do, id dolor, enim, mollit do. Reprehenderit esse Sed in Nisi eu Aliqua sunt 17.11.2015 17.11.2015
Magna excepteur officia aliquip officia enim in adipiscing? Quis reprehenderit Ullamco enim Eiusmod quis Non do 17.11.2015 17.11.2015
Ut tempor labore veniam anim, magna, dolore esse enim, eiusmod. Occaecat occaecat Exercitation exercitation Minim consequat Lorem nulla 17.11.2015 17.11.2015
Officia consectetur amet aliqua cupidatat minim? Amet nulla Eu magna Magna dolor Ipsum ea 17.11.2015 17.11.2015
<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>
        Sit veniam, cupidatat nisi culpa enim est ipsum, dolor sint tempor commodo? 
      </td>
      <td>
        Anim aliquip 
      </td>
      <td>
        Dolore ut 
      </td>
      <td>
        Culpa reprehenderit 
      </td>
      <td>
        Reprehenderit ad 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Sint irure nulla consectetur velit laboris, aliqua dolore, dolor excepteur sunt minim irure et. 
      </td>
      <td>
        Dolore non 
      </td>
      <td>
        Incididunt nulla 
      </td>
      <td>
        Do tempor 
      </td>
      <td>
        Minim officia 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Ex, cillum nisi, irure in deserunt, tempor incididunt reprehenderit. 
      </td>
      <td>
        Est aute 
      </td>
      <td>
        Eiusmod aliquip 
      </td>
      <td>
        Sed veniam 
      </td>
      <td>
        Amet qui 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Dolor velit in, anim officia id, in magna. 
      </td>
      <td>
        Ea nulla 
      </td>
      <td>
        Excepteur sunt 
      </td>
      <td>
        Esse consectetur 
      </td>
      <td>
        Esse quis 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Elit ut aute, adipiscing velit et sunt sit, id sed tempor. 
      </td>
      <td>
        Tempor cillum 
      </td>
      <td>
        Mollit incididunt 
      </td>
      <td>
        Exercitation in 
      </td>
      <td>
        Dolore ut 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </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>Occaecat cupidatat lorem cillum incididunt anim nostrud elit sint, commodo, cillum commodo aute voluptate? 
                                                                    </td>
                                                                    <td>Quis dolor 
                                                                    </td>
                                                                    <td>Duis adipiscing 
                                                                    </td>
                                                                    <td>Consequat occaecat 
                                                                    </td>
                                                                    <td>Officia ipsum 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Incididunt minim exercitation consequat duis sunt incididunt mollit cupidatat ex irure labore. 
                                                                    </td>
                                                                    <td>Ut duis 
                                                                    </td>
                                                                    <td>Ex nostrud 
                                                                    </td>
                                                                    <td>Aute dolor 
                                                                    </td>
                                                                    <td>Nulla dolor 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>In voluptate sint, officia magna cupidatat in, in. 
                                                                    </td>
                                                                    <td>Sed labore 
                                                                    </td>
                                                                    <td>Reprehenderit excepteur 
                                                                    </td>
                                                                    <td>Aute dolor 
                                                                    </td>
                                                                    <td>Ut ad 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Ad duis deserunt? 
                                                                    </td>
                                                                    <td>Amet commodo 
                                                                    </td>
                                                                    <td>In sed 
                                                                    </td>
                                                                    <td>Cillum magna 
                                                                    </td>
                                                                    <td>Occaecat eu 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Aute ullamco, id cillum nulla ad laborum eiusmod, eu ut, cillum. 
                                                                    </td>
                                                                    <td>Officia dolore 
                                                                    </td>
                                                                    <td>Non nisi 
                                                                    </td>
                                                                    <td>Veniam fugiat 
                                                                    </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 href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                </tbody>
                          </table>

Simple e-table-simple

Email name Recipient source Status Admin Template Created Changed
Deserunt in, culpa eu sunt tempor laborum occaecat dolor. Dolore voluptate In voluptate Ea cupidatat Voluptate velit 17.11.2015 17.11.2015
Cillum minim nisi sed, deserunt amet irure aliqua? Commodo ea Minim elit Velit sit Veniam velit 17.11.2015 17.11.2015
Amet aliquip, anim pariatur duis, elit cillum minim, laboris. Consectetur sunt Nulla aute Anim consectetur Exercitation aute 17.11.2015 17.11.2015
Incididunt non quis, dolore, magna quis, sunt ea, eu, ut sed, commodo. Qui occaecat Laborum nulla Irure commodo Eiusmod sint 17.11.2015 17.11.2015
Nisi occaecat et aliquip consequat lorem sed, proident laboris anim. Velit ex Sit aute Cupidatat dolore Ut dolore 17.11.2015 17.11.2015
<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>
        Esse dolor nisi cupidatat irure ut nulla ullamco, culpa, in. 
      </td>
      <td>
        Elit officia 
      </td>
      <td>
        Tempor minim 
      </td>
      <td>
        Veniam in 
      </td>
      <td>
        Ut laboris 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Anim ullamco duis ea est, enim incididunt do et. 
      </td>
      <td>
        Culpa culpa 
      </td>
      <td>
        Deserunt officia 
      </td>
      <td>
        Sint aliquip 
      </td>
      <td>
        Lorem aute 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Enim dolore lorem sed sit excepteur, pariatur ut est. 
      </td>
      <td>
        Irure occaecat 
      </td>
      <td>
        Magna in 
      </td>
      <td>
        Dolore nisi 
      </td>
      <td>
        Duis consectetur 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Irure eiusmod reprehenderit eiusmod officia laboris cupidatat consequat? 
      </td>
      <td>
        Tempor qui 
      </td>
      <td>
        Ea ut 
      </td>
      <td>
        Dolor quis 
      </td>
      <td>
        Exercitation ut 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Tempor aute, quis fugiat sunt dolore consectetur dolor dolore ea. 
      </td>
      <td>
        Commodo consequat 
      </td>
      <td>
        Ad est 
      </td>
      <td>
        Occaecat incididunt 
      </td>
      <td>
        Sed ut 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </tbody>
</table>

                          <table 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>Laborum nisi do anim dolor magna nisi commodo in culpa do? 
                                                                    </td>
                                                                    <td>Proident anim 
                                                                    </td>
                                                                    <td>In velit 
                                                                    </td>
                                                                    <td>In consequat 
                                                                    </td>
                                                                    <td>Ut esse 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Ad, ea, anim dolor incididunt dolor incididunt dolor sit. 
                                                                    </td>
                                                                    <td>Ipsum irure 
                                                                    </td>
                                                                    <td>Ad excepteur 
                                                                    </td>
                                                                    <td>Laboris amet 
                                                                    </td>
                                                                    <td>Dolore do 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Reprehenderit amet ut id velit ut, voluptate cupidatat? 
                                                                    </td>
                                                                    <td>Ipsum dolor 
                                                                    </td>
                                                                    <td>In nostrud 
                                                                    </td>
                                                                    <td>Tempor occaecat 
                                                                    </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 href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Minim adipiscing, dolore ullamco, culpa enim eu non, velit irure, dolore non magna. 
                                                                    </td>
                                                                    <td>Dolor elit 
                                                                    </td>
                                                                    <td>Ex irure 
                                                                    </td>
                                                                    <td>Enim in 
                                                                    </td>
                                                                    <td>Sit amet 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Ipsum dolore aute dolore sit consequat enim elit culpa dolore, duis nostrud. 
                                                                    </td>
                                                                    <td>Mollit officia 
                                                                    </td>
                                                                    <td>Laborum occaecat 
                                                                    </td>
                                                                    <td>Eu excepteur 
                                                                    </td>
                                                                    <td>Et ut 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                </tbody>
                          </table>

Inner e-table-inner

Email name Recipient source Status Admin Template Created Changed
Quis mollit amet, qui officia aliquip ut velit, veniam ex. Qui occaecat Ut exercitation Anim esse Exercitation irure 17.11.2015 17.11.2015
Ipsum reprehenderit aliquip nisi id exercitation irure esse in commodo veniam. Non laboris Consectetur esse Labore non Commodo ea 17.11.2015 17.11.2015
Aliquip cupidatat mollit occaecat in exercitation lorem ut. Minim veniam Eiusmod eiusmod Esse duis Ullamco excepteur 17.11.2015 17.11.2015
Aute, aute mollit non, nostrud velit deserunt proident labore fugiat, officia, eu? Exercitation occaecat Nulla nostrud Cillum exercitation Dolore magna 17.11.2015 17.11.2015
Veniam irure labore adipiscing, eu, ullamco reprehenderit commodo. Deserunt qui Consequat qui Laboris magna Eiusmod nisi 17.11.2015 17.11.2015
<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>
        Ipsum excepteur sit in velit. 
      </td>
      <td>
        Eiusmod deserunt 
      </td>
      <td>
        Exercitation veniam 
      </td>
      <td>
        Sint exercitation 
      </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 href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Ut enim officia nulla nisi qui excepteur tempor ut. 
      </td>
      <td>
        Officia in 
      </td>
      <td>
        Est veniam 
      </td>
      <td>
        Ad dolor 
      </td>
      <td>
        In ipsum 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Anim sunt aliquip eu in, cupidatat sed laboris incididunt dolore ut eu. 
      </td>
      <td>
        Occaecat ullamco 
      </td>
      <td>
        Consequat nisi 
      </td>
      <td>
        Nulla est 
      </td>
      <td>
        Sed incididunt 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Laborum ut duis reprehenderit fugiat commodo ea ut, lorem, incididunt. 
      </td>
      <td>
        Aliquip tempor 
      </td>
      <td>
        Quis consequat 
      </td>
      <td>
        Occaecat deserunt 
      </td>
      <td>
        In veniam 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Excepteur, nulla incididunt culpa duis elit, magna voluptate, ad. 
      </td>
      <td>
        Ex sint 
      </td>
      <td>
        Ut adipiscing 
      </td>
      <td>
        Excepteur culpa 
      </td>
      <td>
        Nisi qui 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </tbody>
</table>

                          <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>Ad excepteur irure nostrud lorem officia dolore laborum fugiat officia occaecat, occaecat pariatur. 
                                                                    </td>
                                                                    <td>Ex sunt 
                                                                    </td>
                                                                    <td>Commodo fugiat 
                                                                    </td>
                                                                    <td>Enim aliquip 
                                                                    </td>
                                                                    <td>In occaecat 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Nostrud ex consectetur aute anim esse commodo. 
                                                                    </td>
                                                                    <td>Ea aliquip 
                                                                    </td>
                                                                    <td>Est ut 
                                                                    </td>
                                                                    <td>Adipiscing do 
                                                                    </td>
                                                                    <td>Enim cupidatat 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Adipiscing minim officia in ea ut commodo ex, consectetur nostrud, adipiscing. 
                                                                    </td>
                                                                    <td>Qui tempor 
                                                                    </td>
                                                                    <td>Amet dolor 
                                                                    </td>
                                                                    <td>In ad 
                                                                    </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 href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Aliquip, sunt labore, id esse, magna do aliquip dolor excepteur. 
                                                                    </td>
                                                                    <td>In eu 
                                                                    </td>
                                                                    <td>Excepteur dolore 
                                                                    </td>
                                                                    <td>Anim id 
                                                                    </td>
                                                                    <td>Dolor do 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Aliqua minim dolor, aliquip, ea commodo ut eiusmod, irure in, excepteur. 
                                                                    </td>
                                                                    <td>Amet ut 
                                                                    </td>
                                                                    <td>Ipsum eiusmod 
                                                                    </td>
                                                                    <td>Sint eu 
                                                                    </td>
                                                                    <td>Fugiat eiusmod 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                </tbody>
                          </table>

Summary e-table-summary

Email name Recipient source Status Admin Template Created Changed
Qui nulla, laboris excepteur? Sint magna Dolore dolor Aliquip consequat Exercitation irure 17.11.2015 17.11.2015
Et, exercitation incididunt et dolor, aliqua est. Laboris dolore Exercitation lorem Dolor deserunt Commodo minim 17.11.2015 17.11.2015
Culpa, non quis et cillum, minim duis minim magna commodo dolore ut. Ut fugiat Aute ut Proident commodo Do pariatur 17.11.2015 17.11.2015
Dolore officia exercitation veniam commodo, sint aliquip enim, ut. Occaecat deserunt Minim mollit Veniam nisi Cupidatat quis 17.11.2015 17.11.2015
Exercitation, enim ipsum id. Laboris quis Pariatur ea Quis id Eiusmod exercitation 17.11.2015 17.11.2015
<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>
        Laboris, sed minim lorem laborum qui eu in officia, id nisi sed. 
      </td>
      <td>
        Veniam in 
      </td>
      <td>
        In fugiat 
      </td>
      <td>
        Deserunt nostrud 
      </td>
      <td>
        Magna est 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Eiusmod ut adipiscing in tempor occaecat tempor in. 
      </td>
      <td>
        Ut deserunt 
      </td>
      <td>
        Voluptate ad 
      </td>
      <td>
        Irure sed 
      </td>
      <td>
        In esse 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Sit tempor aliqua exercitation ea, et ut eiusmod labore ullamco, sed. 
      </td>
      <td>
        In exercitation 
      </td>
      <td>
        Non deserunt 
      </td>
      <td>
        Officia in 
      </td>
      <td>
        Reprehenderit et 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Dolore ea minim labore culpa id tempor, mollit laborum eiusmod. 
      </td>
      <td>
        Velit ex 
      </td>
      <td>
        Ad fugiat 
      </td>
      <td>
        Laboris minim 
      </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 href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Dolore ipsum ut ipsum enim ut minim culpa officia pariatur incididunt exercitation non, consectetur. 
      </td>
      <td>
        Ex consectetur 
      </td>
      <td>
        Adipiscing ullamco 
      </td>
      <td>
        Occaecat esse 
      </td>
      <td>
        Proident amet 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </tbody>
</table>

                          <table 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>Nostrud voluptate, officia sunt ex enim eu proident, est sit nulla? 
                                                                    </td>
                                                                    <td>Anim aute 
                                                                    </td>
                                                                    <td>Aliqua excepteur 
                                                                    </td>
                                                                    <td>Excepteur eu 
                                                                    </td>
                                                                    <td>Ut ut 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Pariatur in dolore, aute est, occaecat est sint. 
                                                                    </td>
                                                                    <td>Adipiscing excepteur 
                                                                    </td>
                                                                    <td>Reprehenderit tempor 
                                                                    </td>
                                                                    <td>Anim deserunt 
                                                                    </td>
                                                                    <td>Pariatur exercitation 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Amet id adipiscing cillum aliquip fugiat, consectetur ullamco, reprehenderit magna duis, ex. 
                                                                    </td>
                                                                    <td>Nisi consectetur 
                                                                    </td>
                                                                    <td>In ut 
                                                                    </td>
                                                                    <td>Ea aute 
                                                                    </td>
                                                                    <td>Officia sunt 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Nostrud quis cupidatat ea, id duis sunt ut mollit? 
                                                                    </td>
                                                                    <td>Quis nisi 
                                                                    </td>
                                                                    <td>Reprehenderit laborum 
                                                                    </td>
                                                                    <td>Excepteur lorem 
                                                                    </td>
                                                                    <td>Cupidatat veniam 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Irure in aliqua ipsum laboris voluptate anim lorem pariatur enim ad velit labore. 
                                                                    </td>
                                                                    <td>Elit laborum 
                                                                    </td>
                                                                    <td>Esse lorem 
                                                                    </td>
                                                                    <td>Eiusmod veniam 
                                                                    </td>
                                                                    <td>Deserunt laboris 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                </tbody>
                          </table>

Bordered e-table-bordered

Email name Recipient source Status Admin Template Created Changed
Laborum quis nostrud aute laboris do laborum ex sint. Dolore id Proident elit Culpa ex Nisi adipiscing 17.11.2015 17.11.2015
Lorem, irure laboris incididunt fugiat sint ut elit deserunt ad occaecat nulla in amet. Aliquip voluptate Eiusmod ut Ea nisi Esse ipsum 17.11.2015 17.11.2015
Do officia, ea consectetur dolore ut laborum dolor. Et consectetur Sed officia Sint esse Et occaecat 17.11.2015 17.11.2015
Fugiat, dolor proident velit esse sed, sunt dolore ex. Ex aliqua Cupidatat anim Dolor tempor Aliquip ut 17.11.2015 17.11.2015
Fugiat ut, ut, ullamco do ullamco ullamco pariatur. Et excepteur Nulla quis Adipiscing ea Exercitation et 17.11.2015 17.11.2015
<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>
        Minim adipiscing, pariatur ea minim dolor nulla qui non elit tempor. 
      </td>
      <td>
        Et laboris 
      </td>
      <td>
        Ex sint 
      </td>
      <td>
        Quis commodo 
      </td>
      <td>
        Dolor eiusmod 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Est esse fugiat elit dolore veniam, exercitation esse amet dolor. 
      </td>
      <td>
        Veniam nostrud 
      </td>
      <td>
        Dolore esse 
      </td>
      <td>
        In dolor 
      </td>
      <td>
        Dolor id 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Cupidatat ad eu culpa ut elit ut velit excepteur? 
      </td>
      <td>
        Commodo adipiscing 
      </td>
      <td>
        Est nulla 
      </td>
      <td>
        Ut laborum 
      </td>
      <td>
        Est dolor 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Exercitation, fugiat ipsum sit ad, aliqua id eiusmod dolor enim aute. 
      </td>
      <td>
        Est deserunt 
      </td>
      <td>
        Minim lorem 
      </td>
      <td>
        Eu est 
      </td>
      <td>
        Excepteur proident 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Fugiat officia, dolore in dolor, pariatur, aute eiusmod sed. 
      </td>
      <td>
        In reprehenderit 
      </td>
      <td>
        Consequat et 
      </td>
      <td>
        Labore mollit 
      </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 href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </tbody>
</table>

                          <table class="e-table e-table-bordered">
                                              <thead>
                                                <tr>
                                                  <th class="e-table__sort e-table__sort-desc">Email name</th>
                                                  <th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
                                                  <th class="e-table__col e-table__col-small e-table__sort">Status</th>
                                                  <th class="e-table__col e-table__col-small">Admin</th>
                                                  <th class="e-table__col e-table__col-medium">Template</th>
                                                  <th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
                                                  <th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
                                                  <th class="e-table__col e-table__col-actions"></th>
                                                </tr>
                                              </thead>
                                                                <tbody>
                                                                  <tr>
                                                                    <td>In quis minim dolor et velit incididunt, deserunt. 
                                                                    </td>
                                                                    <td>Ut esse 
                                                                    </td>
                                                                    <td>Qui deserunt 
                                                                    </td>
                                                                    <td>Dolore nostrud 
                                                                    </td>
                                                                    <td>Irure ut 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Proident tempor ullamco, laborum, culpa excepteur est duis sit, lorem deserunt aliquip mollit. 
                                                                    </td>
                                                                    <td>Sunt adipiscing 
                                                                    </td>
                                                                    <td>Adipiscing eu 
                                                                    </td>
                                                                    <td>Elit occaecat 
                                                                    </td>
                                                                    <td>Proident reprehenderit 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Commodo dolore, anim est ut consectetur cupidatat et do et, in elit ut? 
                                                                    </td>
                                                                    <td>Ullamco mollit 
                                                                    </td>
                                                                    <td>Minim minim 
                                                                    </td>
                                                                    <td>Sint anim 
                                                                    </td>
                                                                    <td>Dolore reprehenderit 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Fugiat qui proident lorem dolore ut in elit, do do. 
                                                                    </td>
                                                                    <td>Et officia 
                                                                    </td>
                                                                    <td>Ea irure 
                                                                    </td>
                                                                    <td>Ut commodo 
                                                                    </td>
                                                                    <td>Pariatur officia 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Dolor, est fugiat sed sunt, dolor exercitation commodo dolore duis et dolore, nulla. 
                                                                    </td>
                                                                    <td>Duis enim 
                                                                    </td>
                                                                    <td>Culpa consectetur 
                                                                    </td>
                                                                    <td>Pariatur excepteur 
                                                                    </td>
                                                                    <td>Amet sit 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                </tbody>
                          </table>

Borderless e-table-borderless

Email name Recipient source Status Admin Template Created Changed
Veniam pariatur reprehenderit mollit irure aute ullamco dolor elit nisi exercitation. Sit dolor Enim anim Eiusmod amet Laborum adipiscing 17.11.2015 17.11.2015
Consectetur enim, esse duis dolore dolore anim minim anim cillum dolore excepteur. Fugiat proident Eiusmod irure In fugiat Adipiscing officia 17.11.2015 17.11.2015
Id nisi aute sed et in anim dolore veniam id veniam. Nisi dolor Mollit dolore Culpa in Cupidatat laborum 17.11.2015 17.11.2015
Exercitation do duis mollit nulla do laborum in eu, quis cupidatat aliquip. Dolore duis Ad proident Pariatur qui Voluptate cupidatat 17.11.2015 17.11.2015
Anim ut minim nostrud amet, mollit ullamco do. Et quis Exercitation ipsum Velit ut Et labore 17.11.2015 17.11.2015
<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>
        Id, anim magna ut in dolore, voluptate. 
      </td>
      <td>
        Dolore sunt 
      </td>
      <td>
        Sed amet 
      </td>
      <td>
        Anim sit 
      </td>
      <td>
        Dolore 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 href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Dolor occaecat magna non enim esse ut fugiat dolore. 
      </td>
      <td>
        Nulla in 
      </td>
      <td>
        Qui pariatur 
      </td>
      <td>
        Est qui 
      </td>
      <td>
        Sit minim 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Ad, occaecat sint commodo dolore consequat reprehenderit, magna. 
      </td>
      <td>
        Cillum eiusmod 
      </td>
      <td>
        Magna fugiat 
      </td>
      <td>
        In aliqua 
      </td>
      <td>
        Ullamco velit 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Sint esse lorem pariatur pariatur qui, duis in, adipiscing. 
      </td>
      <td>
        Mollit lorem 
      </td>
      <td>
        Fugiat pariatur 
      </td>
      <td>
        Nisi veniam 
      </td>
      <td>
        Aute commodo 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Incididunt cupidatat tempor id pariatur. 
      </td>
      <td>
        Ut amet 
      </td>
      <td>
        Ad mollit 
      </td>
      <td>
        Proident ullamco 
      </td>
      <td>
        Sit adipiscing 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </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 eiusmod incididunt dolore consectetur in anim. 
                                                                    </td>
                                                                    <td>Non enim 
                                                                    </td>
                                                                    <td>Exercitation ut 
                                                                    </td>
                                                                    <td>Dolor anim 
                                                                    </td>
                                                                    <td>Qui anim 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Ipsum, irure anim ex officia fugiat sunt mollit amet cupidatat ad, dolor veniam, eu? 
                                                                    </td>
                                                                    <td>Labore consequat 
                                                                    </td>
                                                                    <td>Velit elit 
                                                                    </td>
                                                                    <td>Non irure 
                                                                    </td>
                                                                    <td>Nostrud eiusmod 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Amet veniam, minim culpa, do in, nisi pariatur, eiusmod eu quis. 
                                                                    </td>
                                                                    <td>Consequat proident 
                                                                    </td>
                                                                    <td>Anim ipsum 
                                                                    </td>
                                                                    <td>Sunt culpa 
                                                                    </td>
                                                                    <td>Consectetur dolor 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Ex magna, sit tempor labore dolor adipiscing cillum. 
                                                                    </td>
                                                                    <td>Dolore sed 
                                                                    </td>
                                                                    <td>Et nostrud 
                                                                    </td>
                                                                    <td>Non do 
                                                                    </td>
                                                                    <td>Ad nostrud 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Anim deserunt commodo dolore nulla? 
                                                                    </td>
                                                                    <td>Voluptate voluptate 
                                                                    </td>
                                                                    <td>Exercitation et 
                                                                    </td>
                                                                    <td>Labore irure 
                                                                    </td>
                                                                    <td>Aliqua anim 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                </tbody>
                          </table>

Centered e-table-centered

Email name Recipient source Status Admin Template Created Changed
Culpa dolor, quis eiusmod officia, fugiat enim cupidatat. Commodo proident Ut tempor Deserunt exercitation Consectetur veniam 17.11.2015 17.11.2015
Quis commodo reprehenderit elit in laborum incididunt est ut, excepteur esse. Magna irure Aliquip irure Dolor aliquip Incididunt non 17.11.2015 17.11.2015
Culpa pariatur mollit proident consequat exercitation, qui eiusmod labore. Ad nisi Do mollit Velit nisi Ea fugiat 17.11.2015 17.11.2015
Id veniam proident cillum ut aliquip, magna ut. In dolore Qui ut Mollit reprehenderit Dolore proident 17.11.2015 17.11.2015
Qui esse, excepteur, non eiusmod mollit tempor pariatur nulla commodo? Elit consectetur Consequat duis Ullamco magna Reprehenderit ex 17.11.2015 17.11.2015
<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>
        Minim nulla in fugiat anim, in occaecat quis voluptate dolore sed veniam proident. 
      </td>
      <td>
        In consequat 
      </td>
      <td>
        Eiusmod est 
      </td>
      <td>
        Proident laborum 
      </td>
      <td>
        Aliqua anim 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Aliquip et non, in, tempor, cillum dolore dolore amet in officia velit. 
      </td>
      <td>
        Dolore deserunt 
      </td>
      <td>
        Nulla incididunt 
      </td>
      <td>
        Nulla proident 
      </td>
      <td>
        Irure sit 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Dolore cupidatat, proident sed, sunt dolor do deserunt, sit lorem. 
      </td>
      <td>
        Sed mollit 
      </td>
      <td>
        In elit 
      </td>
      <td>
        Adipiscing voluptate 
      </td>
      <td>
        Quis cupidatat 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Quis, proident, et, nostrud nulla, pariatur dolore laboris ut pariatur. 
      </td>
      <td>
        Adipiscing voluptate 
      </td>
      <td>
        Dolor occaecat 
      </td>
      <td>
        Velit laboris 
      </td>
      <td>
        Do in 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Labore, mollit minim elit dolor ut pariatur id, nulla eiusmod. 
      </td>
      <td>
        Ut incididunt 
      </td>
      <td>
        Cupidatat do 
      </td>
      <td>
        Voluptate eu 
      </td>
      <td>
        Laboris aute 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </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>Incididunt, commodo adipiscing, ut ad do proident, culpa non ex. 
                                                                    </td>
                                                                    <td>Dolor do 
                                                                    </td>
                                                                    <td>Officia excepteur 
                                                                    </td>
                                                                    <td>Cillum ipsum 
                                                                    </td>
                                                                    <td>Id tempor 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Est consequat velit sit ad, sit fugiat fugiat eiusmod consectetur. 
                                                                    </td>
                                                                    <td>Deserunt ea 
                                                                    </td>
                                                                    <td>Ex exercitation 
                                                                    </td>
                                                                    <td>Ad cillum 
                                                                    </td>
                                                                    <td>In in 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Non nulla, qui excepteur veniam ut est dolor aliquip ipsum. 
                                                                    </td>
                                                                    <td>Occaecat velit 
                                                                    </td>
                                                                    <td>Cupidatat nostrud 
                                                                    </td>
                                                                    <td>Eu duis 
                                                                    </td>
                                                                    <td>Ex in 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Cupidatat in commodo minim commodo do deserunt, amet eiusmod. 
                                                                    </td>
                                                                    <td>Culpa dolore 
                                                                    </td>
                                                                    <td>Ullamco ut 
                                                                    </td>
                                                                    <td>Sed consequat 
                                                                    </td>
                                                                    <td>Nisi non 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Laborum adipiscing id enim dolor culpa in, sint dolore, officia, ex. 
                                                                    </td>
                                                                    <td>Elit dolore 
                                                                    </td>
                                                                    <td>Velit dolore 
                                                                    </td>
                                                                    <td>Dolor consequat 
                                                                    </td>
                                                                    <td>Eu nulla 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                </tbody>
                          </table>

Centered text e-table-centeredtext

Email name Recipient source Status Admin Template Created Changed
Esse, proident commodo, ex incididunt aliquip, ut excepteur ut. In ut Aliqua pariatur Amet aliquip Voluptate nulla 17.11.2015 17.11.2015
Voluptate sunt mollit deserunt velit mollit amet. Ut commodo Ex sit Labore ipsum Aute ad 17.11.2015 17.11.2015
Amet consectetur elit excepteur deserunt consectetur aliquip incididunt ullamco. Nostrud anim Culpa nulla Consequat exercitation Deserunt dolor 17.11.2015 17.11.2015
Incididunt dolore, adipiscing occaecat incididunt in lorem, in nisi duis mollit dolor, dolore. Non duis Fugiat ut Culpa qui Minim ut 17.11.2015 17.11.2015
Nisi sit deserunt esse, adipiscing ullamco. Dolore voluptate Ea ipsum Velit cupidatat Qui nulla 17.11.2015 17.11.2015
<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>
        Occaecat quis do amet, id ea dolore pariatur veniam, proident sint, ut sit. 
      </td>
      <td>
        Dolore quis 
      </td>
      <td>
        Eu in 
      </td>
      <td>
        Reprehenderit enim 
      </td>
      <td>
        Lorem 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 href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Exercitation duis voluptate anim sunt, sunt, sed fugiat tempor in dolore. 
      </td>
      <td>
        Velit deserunt 
      </td>
      <td>
        Eiusmod mollit 
      </td>
      <td>
        Sint aute 
      </td>
      <td>
        Cillum et 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Non aute irure dolor, enim dolore ipsum fugiat mollit. 
      </td>
      <td>
        Adipiscing sint 
      </td>
      <td>
        Tempor qui 
      </td>
      <td>
        Sunt in 
      </td>
      <td>
        Do cupidatat 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Commodo sunt cillum lorem sint, in labore, enim enim, quis officia aliquip. 
      </td>
      <td>
        Labore aute 
      </td>
      <td>
        Minim sed 
      </td>
      <td>
        Ut esse 
      </td>
      <td>
        Ipsum consectetur 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Quis ut nostrud ad anim aute enim voluptate lorem. 
      </td>
      <td>
        Amet cillum 
      </td>
      <td>
        Incididunt excepteur 
      </td>
      <td>
        In ut 
      </td>
      <td>
        Laborum officia 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </tbody>
</table>

                          <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>Excepteur dolore, ipsum qui nisi sed esse anim ipsum pariatur est commodo. 
                                                                    </td>
                                                                    <td>Incididunt tempor 
                                                                    </td>
                                                                    <td>Enim velit 
                                                                    </td>
                                                                    <td>Laborum et 
                                                                    </td>
                                                                    <td>Culpa ad 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Dolor, aute enim dolor amet. 
                                                                    </td>
                                                                    <td>In ut 
                                                                    </td>
                                                                    <td>Et dolore 
                                                                    </td>
                                                                    <td>Voluptate sit 
                                                                    </td>
                                                                    <td>Irure sed 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Officia magna aliqua sit in proident sit ut. 
                                                                    </td>
                                                                    <td>Qui culpa 
                                                                    </td>
                                                                    <td>Eu anim 
                                                                    </td>
                                                                    <td>Amet laboris 
                                                                    </td>
                                                                    <td>Reprehenderit aliquip 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Sit cupidatat exercitation tempor dolor qui elit aliqua duis culpa aliquip ipsum ullamco. 
                                                                    </td>
                                                                    <td>Pariatur et 
                                                                    </td>
                                                                    <td>Officia consectetur 
                                                                    </td>
                                                                    <td>Enim officia 
                                                                    </td>
                                                                    <td>Qui ea 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Velit, tempor in est do labore. 
                                                                    </td>
                                                                    <td>In aliquip 
                                                                    </td>
                                                                    <td>Incididunt est 
                                                                    </td>
                                                                    <td>Est adipiscing 
                                                                    </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 href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                </tbody>
                          </table>

Fixed e-table-fixed

Email name Recipient source Status Admin Template Created Changed
Sunt, labore elit. Labore velit Tempor labore Non nisi Sunt nulla 17.11.2015 17.11.2015
Incididunt duis aute consectetur dolor excepteur id ex ut ut, lorem. Sunt ad In consequat Quis ex Sunt ea 17.11.2015 17.11.2015
Sed eiusmod, ex aute id eiusmod nostrud aliquip qui culpa, cillum veniam, velit. Excepteur magna In ipsum Minim lorem Fugiat nostrud 17.11.2015 17.11.2015
Commodo culpa sunt ut amet ipsum lorem lorem sed non enim. Laboris exercitation Aliqua nostrud Consectetur ex Velit culpa 17.11.2015 17.11.2015
Lorem cillum ad dolor occaecat ea laborum, esse, enim nulla ipsum. Dolore ad Exercitation dolore Proident do Labore proident 17.11.2015 17.11.2015
<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>
        Labore, in, mollit nostrud amet et, consectetur aute. 
      </td>
      <td>
        Voluptate ea 
      </td>
      <td>
        Quis ut 
      </td>
      <td>
        Et eiusmod 
      </td>
      <td>
        Laboris sed 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Incididunt enim ea dolore aliquip, ad est dolor incididunt. 
      </td>
      <td>
        Do deserunt 
      </td>
      <td>
        Esse dolore 
      </td>
      <td>
        Dolore aliquip 
      </td>
      <td>
        Velit mollit 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Sint nulla, id incididunt, occaecat cillum in deserunt, ipsum magna ut in. 
      </td>
      <td>
        Duis tempor 
      </td>
      <td>
        Voluptate sint 
      </td>
      <td>
        Aliqua adipiscing 
      </td>
      <td>
        Minim ut 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        In duis duis deserunt qui consequat. 
      </td>
      <td>
        Dolore fugiat 
      </td>
      <td>
        Eu lorem 
      </td>
      <td>
        Dolore ut 
      </td>
      <td>
        Exercitation excepteur 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Nisi esse dolore consectetur incididunt nulla dolor, ut lorem aliquip? 
      </td>
      <td>
        Nisi et 
      </td>
      <td>
        Dolore reprehenderit 
      </td>
      <td>
        Consectetur laborum 
      </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 href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </tbody>
</table>

                          <table class="e-table e-table-fixed">
                                              <thead>
                                                <tr>
                                                  <th class="e-table__sort e-table__sort-desc">Email name</th>
                                                  <th class="e-table__col e-table__col-large e-table__sort">Recipient source</th>
                                                  <th class="e-table__col e-table__col-small e-table__sort">Status</th>
                                                  <th class="e-table__col e-table__col-small">Admin</th>
                                                  <th class="e-table__col e-table__col-medium">Template</th>
                                                  <th class="e-table__col e-table__col-xsmall e-table__sort">Created</th>
                                                  <th class="e-table__col e-table__col-xsmall e-table__sort">Changed</th>
                                                  <th class="e-table__col e-table__col-actions"></th>
                                                </tr>
                                              </thead>
                                                                <tbody>
                                                                  <tr>
                                                                    <td>Sit, eiusmod, non, officia, duis. 
                                                                    </td>
                                                                    <td>Pariatur dolor 
                                                                    </td>
                                                                    <td>Excepteur magna 
                                                                    </td>
                                                                    <td>Dolore lorem 
                                                                    </td>
                                                                    <td>Exercitation in 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Consequat, ut, est, cillum, ut amet cupidatat non. 
                                                                    </td>
                                                                    <td>Sit et 
                                                                    </td>
                                                                    <td>In sunt 
                                                                    </td>
                                                                    <td>Sunt cillum 
                                                                    </td>
                                                                    <td>Sint laboris 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Qui, id officia est, ut, occaecat velit, duis aliqua proident, ipsum laborum veniam. 
                                                                    </td>
                                                                    <td>Anim reprehenderit 
                                                                    </td>
                                                                    <td>Commodo laboris 
                                                                    </td>
                                                                    <td>Sunt pariatur 
                                                                    </td>
                                                                    <td>Et ut 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Id in aliqua qui velit in, nulla? 
                                                                    </td>
                                                                    <td>Sunt do 
                                                                    </td>
                                                                    <td>Commodo aliqua 
                                                                    </td>
                                                                    <td>Ipsum sit 
                                                                    </td>
                                                                    <td>Laborum veniam 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Et dolore do ullamco incididunt eu eiusmod eu irure. 
                                                                    </td>
                                                                    <td>Do dolore 
                                                                    </td>
                                                                    <td>Enim exercitation 
                                                                    </td>
                                                                    <td>Amet dolor 
                                                                    </td>
                                                                    <td>Nostrud exercitation 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                </tbody>
                          </table>

Compact e-table-compact

Email name Recipient source Status Admin Template Created Changed
Enim nostrud labore commodo eu qui, tempor sit. Consequat sit Esse culpa Labore dolore Laborum sit 17.11.2015 17.11.2015
Lorem, voluptate ut nostrud ut ut, adipiscing mollit, enim in. Cupidatat consectetur Ut esse Duis veniam Adipiscing ut 17.11.2015 17.11.2015
Ut aliquip ex, consectetur nulla eiusmod fugiat in, dolor duis, in. Exercitation cillum Officia aute Veniam ut In ut 17.11.2015 17.11.2015
Velit excepteur mollit qui minim voluptate tempor lorem, ea. Aliqua anim In aute Culpa nostrud Amet commodo 17.11.2015 17.11.2015
Proident dolore nostrud nostrud nisi, cupidatat. In officia Enim ea Cillum excepteur Consequat laboris 17.11.2015 17.11.2015
<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>
        Quis ipsum sint, ut aliqua mollit incididunt, duis nulla. 
      </td>
      <td>
        Ad velit 
      </td>
      <td>
        Nulla in 
      </td>
      <td>
        Do sunt 
      </td>
      <td>
        Deserunt reprehenderit 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Cillum qui id consequat lorem laborum labore tempor ut exercitation. 
      </td>
      <td>
        Voluptate sed 
      </td>
      <td>
        Non aliquip 
      </td>
      <td>
        Consequat ea 
      </td>
      <td>
        Amet 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 href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Culpa quis esse proident laboris, aliqua ex, duis nostrud, ad do, labore ut elit. 
      </td>
      <td>
        Mollit ipsum 
      </td>
      <td>
        Magna in 
      </td>
      <td>
        Aute aliquip 
      </td>
      <td>
        Ipsum ea 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Sint sint eu, et, elit, dolore occaecat sint, dolore amet laboris eu. 
      </td>
      <td>
        Dolor proident 
      </td>
      <td>
        Deserunt dolor 
      </td>
      <td>
        In sit 
      </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 href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Deserunt exercitation pariatur culpa qui magna laborum, nulla exercitation, aliquip reprehenderit. 
      </td>
      <td>
        Ea dolore 
      </td>
      <td>
        In adipiscing 
      </td>
      <td>
        Aliqua id 
      </td>
      <td>
        Proident ea 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </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>Et reprehenderit labore, cupidatat dolor tempor lorem occaecat cupidatat. 
                                                                    </td>
                                                                    <td>Ad quis 
                                                                    </td>
                                                                    <td>Sit ullamco 
                                                                    </td>
                                                                    <td>Eu lorem 
                                                                    </td>
                                                                    <td>Sit culpa 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Ut in excepteur ad, dolor laboris, fugiat in? 
                                                                    </td>
                                                                    <td>Laborum nostrud 
                                                                    </td>
                                                                    <td>Dolore dolore 
                                                                    </td>
                                                                    <td>Reprehenderit tempor 
                                                                    </td>
                                                                    <td>Cillum non 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Eu amet, officia, ad nisi amet ut sint irure. 
                                                                    </td>
                                                                    <td>Deserunt sit 
                                                                    </td>
                                                                    <td>Mollit consequat 
                                                                    </td>
                                                                    <td>Enim sed 
                                                                    </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 href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Veniam, amet enim sunt, labore deserunt amet consectetur veniam nisi et, incididunt. 
                                                                    </td>
                                                                    <td>Dolore elit 
                                                                    </td>
                                                                    <td>Nisi sint 
                                                                    </td>
                                                                    <td>Elit dolor 
                                                                    </td>
                                                                    <td>Ut minim 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Sed, proident et, labore mollit duis enim occaecat laborum consectetur? 
                                                                    </td>
                                                                    <td>Non ut 
                                                                    </td>
                                                                    <td>Officia velit 
                                                                    </td>
                                                                    <td>Velit aute 
                                                                    </td>
                                                                    <td>Dolor mollit 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                </tbody>
                          </table>

Nopadding e-table-nopadding

Email name Recipient source Status Admin Template Created Changed
Et, ullamco consectetur, elit? Officia cupidatat Quis ea Minim anim Ipsum ipsum 17.11.2015 17.11.2015
Sint excepteur irure in ex ad, lorem ut enim ullamco officia? Anim in Mollit magna In adipiscing Esse excepteur 17.11.2015 17.11.2015
Cupidatat, quis dolore occaecat eiusmod irure nisi occaecat nulla, non sunt voluptate? Consectetur fugiat Eiusmod enim Qui id Culpa aute 17.11.2015 17.11.2015
Cupidatat eiusmod nisi enim magna officia nulla. Aliquip irure Dolor incididunt Ea in Velit ipsum 17.11.2015 17.11.2015
Aliquip occaecat nostrud, tempor cillum velit ex amet anim. Deserunt tempor Officia id Dolore ut Aliqua non 17.11.2015 17.11.2015
<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>
        Est velit, adipiscing irure, ut amet, dolore enim, magna. 
      </td>
      <td>
        Minim qui 
      </td>
      <td>
        Anim velit 
      </td>
      <td>
        Pariatur sit 
      </td>
      <td>
        Incididunt laboris 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Elit sint est adipiscing ipsum consectetur, et in pariatur qui. 
      </td>
      <td>
        Amet pariatur 
      </td>
      <td>
        Officia ut 
      </td>
      <td>
        Et cupidatat 
      </td>
      <td>
        Dolore id 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        In consectetur, lorem voluptate ut, et ex ea in aliqua dolore deserunt, aute. 
      </td>
      <td>
        Pariatur nulla 
      </td>
      <td>
        Consectetur ipsum 
      </td>
      <td>
        Pariatur tempor 
      </td>
      <td>
        Incididunt aliquip 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Aliquip sunt velit veniam non lorem tempor do, cillum, est. 
      </td>
      <td>
        Sunt sed 
      </td>
      <td>
        Enim amet 
      </td>
      <td>
        Consectetur elit 
      </td>
      <td>
        Dolor anim 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
    <tr>
      <td>
        Irure, ex, dolore ut aute veniam sint, in. 
      </td>
      <td>
        Velit est 
      </td>
      <td>
        Eiusmod sit 
      </td>
      <td>
        Minim occaecat 
      </td>
      <td>
        Eiusmod do 
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-nowrap">
        17.11.2015
      </td>
      <td class="e-table__col e-table__col-actions">
        <e-tooltip valign="baseline" content="Edit">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="pencil" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Copy">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="files-o" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Preview">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="eye" type="table"></e-icon>
          </a>
        </e-tooltip>
        <e-tooltip valign="baseline" content="Delete">
          <a href="#0" class="e-svgclickfix">
            <e-icon icon="trash-o" type="table"></e-icon>
          </a>
        </e-tooltip>
      </td>
    </tr>
  </tbody>
</table>

                          <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>Fugiat, minim nostrud in. 
                                                                    </td>
                                                                    <td>Anim cillum 
                                                                    </td>
                                                                    <td>Dolore in 
                                                                    </td>
                                                                    <td>Tempor do 
                                                                    </td>
                                                                    <td>Ut 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 href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Qui quis id exercitation aliqua reprehenderit laboris, deserunt voluptate proident. 
                                                                    </td>
                                                                    <td>Exercitation id 
                                                                    </td>
                                                                    <td>In duis 
                                                                    </td>
                                                                    <td>Cillum duis 
                                                                    </td>
                                                                    <td>Culpa amet 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Eiusmod pariatur cillum non mollit, nisi nostrud, eu ex amet. 
                                                                    </td>
                                                                    <td>Cillum minim 
                                                                    </td>
                                                                    <td>Do lorem 
                                                                    </td>
                                                                    <td>Commodo cillum 
                                                                    </td>
                                                                    <td>In dolore 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Excepteur, officia excepteur ut, irure aute, eiusmod pariatur in cupidatat, in lorem. 
                                                                    </td>
                                                                    <td>Veniam veniam 
                                                                    </td>
                                                                    <td>Minim minim 
                                                                    </td>
                                                                    <td>Dolor minim 
                                                                    </td>
                                                                    <td>Officia ullamco 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                  <tr>
                                                                    <td>Tempor lorem deserunt reprehenderit lorem, deserunt. 
                                                                    </td>
                                                                    <td>Sunt fugiat 
                                                                    </td>
                                                                    <td>Mollit ut 
                                                                    </td>
                                                                    <td>Aliquip eiusmod 
                                                                    </td>
                                                                    <td>Exercitation fugiat 
                                                                    </td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-nowrap">17.11.2015</td>
                                                                    <td class="e-table__col e-table__col-actions">
                                                                      <e-tooltip valign="baseline" content="Edit"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="pencil" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Copy"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="files-o" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Preview"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="eye" type="table"></e-icon></a></e-tooltip>
                                                                      <e-tooltip valign="baseline" content="Delete"><a href="#0" class="e-svgclickfix">
                                                                          <e-icon icon="trash-o" type="table"></e-icon></a></e-tooltip>
                                                                    </td>
                                                                  </tr>
                                                                </tbody>
                          </table>

Related components

ListDropdownPagination

Last update

Message feat(components): use stylelint rules
Date:
()
Committer: rudywaltz
Component history