Table #permalink

Truncated

	Campaign	Versions	Status	Results	Revenue	Reach	Impressions	CPM	CTR	CPC	Spent	Starts	Ends
Emails Status Email category Language Filter Show child emails Save settings
	#0 - LSL - Lead nurturing present	2	In Design	46	N/A	451	63	$2.00	0.245%	$2.00	$5.00	12.03.2015	Ongoing	Preview Edit Copy Delete
	#1 - LSL - 1st time buyers	6	Active	32	N/A	346	413	$24.00	1.124%	$24.00	$14.00	12.03.2015	Ongoing	Preview Edit Copy Delete
	#2 - LSL - Active buyers	2	In Design	45	$0.00	641	341	$74.00	2.143%	$74.00	$42.00	29.02.2015	Ongoing	Preview Edit Copy Delete
	#3 - LSL - Reactivation	1	Pending	21	$0.00	6433	41	$34.00	4.542%	$34.00	$14.00	24.02.2015	Ongoing	Preview Edit Copy Delete
	Emarsys FB Retargeting (Existing ellipsis)	4	Active	65	$0.00	12456	35	$14.00	3.247%	$14.00	$24.00	24.02.2015	Ongoing	Preview Edit Copy Delete
	Emarsys blog learning	6	In Design	47	N/A	340	72	$14.00	8.457%	$14.00	$47.00	24.02.2015	Ongoing	Preview Edit Copy Delete
	$$$Reactivation	8	Active	31	N/A	6	91	$24.00	4.243%	$24.00	$20.00	21.02.2015	Ongoing	Preview Edit Copy Delete
	Emarsys FB Retargeting (Leads)	1	On Hold	97	N/A	0	42	$74.00	4.542%	$74.00	$74.00	14.01.2015	Ongoing	Preview Edit Copy Delete
	Emarsys lead nurturing	3	Active	31	N/A	463	68	$34.00	3.247%	$34.00	$34.00	19.01.2015	Ongoing	Preview Edit Copy Delete
	Female Leads - affinity targeting	4	Pending	48	N/A	464	76	$14.00	8.457%	$14.00	$44.00	17.12.2014	Ongoing	Preview Edit Copy Delete
Show rows 1 2 ... 10 20
Non truncated

	Campaign	Versions	Status	Results	Revenue	Reach	Impressions	CPM	CTR	CPC	Spent	Starts	Ends
	#0 - LSL - Lead nurturing present	2	In Design	46	N/A	451	63	$2.00	0.245%	$2.00	$5.00	12.03.2015	Ongoing	Preview Edit Copy Delete
	#1 - LSL - 1st time buyers	6	Active	32	N/A	346	413	$24.00	1.124%	$24.00	$14.00	12.03.2015	Ongoing	Preview Edit Copy Delete
	#2 - LSL - Active buyers	2	In Design	45	$0.00	641	341	$74.00	2.143%	$74.00	$42.00	29.02.2015	Ongoing	Preview Edit Copy Delete
	#3 - LSL - Reactivation	1	Pending	21	$0.00	6433	41	$34.00	4.542%	$34.00	$14.00	24.02.2015	Ongoing	Preview Edit Copy Delete
	Emarsys FB Retargeting (Existing ellipsis)	4	Active	65	$0.00	12456	35	$14.00	3.247%	$14.00	$24.00	24.02.2015	Ongoing	Preview Edit Copy Delete
	Emarsys blog learning	6	In Design	47	N/A	340	72	$14.00	8.457%	$14.00	$47.00	24.02.2015	Ongoing	Preview Edit Copy Delete
	$$$Reactivation	8	Active	31	N/A	6	91	$24.00	4.243%	$24.00	$20.00	21.02.2015	Ongoing	Preview Edit Copy Delete
	Emarsys FB Retargeting (Leads)	1	On Hold	97	N/A	0	42	$74.00	4.542%	$74.00	$74.00	14.01.2015	Ongoing	Preview Edit Copy Delete
	Emarsys lead nurturing	3	Active	31	N/A	463	68	$34.00	3.247%	$34.00	$34.00	19.01.2015	Ongoing	Preview Edit Copy Delete
	Female Leads - affinity targeting	4	Pending	48	N/A	464	76	$14.00	8.457%	$14.00	$44.00	17.12.2014	Ongoing	Preview Edit Copy Delete
Show rows 1 2 ... 10 20
<div class="e-row">
  <div class="e-col-12">
    <h2>Truncated</h2>
    <table class="e-table">
      <thead>
        <tr>
          <td colspan="15" class="e-table__col e-table__col-filter">
            <div class="e-field e-field-inline">
              <label class="e-field__label e-field__label-inline" for="some_namesome_name">Emails</label>
              <select class="e-select e-select__select2 e-select-inline e-select-medium" name="some_name" id="some_namesome_name">
                <option value="option1">option1</option>
                <option value="option2">option2</option>
                <option value="option3" selected>All</option>
                <option value="option4" disabled>option4</option>
              </select>
            </div>

            <div class="e-field e-field-inline">
              <label class="e-field__label e-field__label-inline" for="some_namesome_name1">Status</label>
              <select class="e-select e-select__select2 e-select-inline e-select-medium" name="some_name" id="some_namesome_name1">
                <option value="option1">option1</option>
                <option value="option2">option2</option>
                <option value="option3" selected>All</option>
                <option value="option4" disabled>option4</option>
              </select>
              &nbsp;
              <select class="e-select e-select__select2 e-select-inline e-select-medium" name="some_name" id="some_namesome_name2">
                <option value="option1">option1</option>
                <option value="option2">option2</option>
                <option value="option3" selected>All</option>
                <option value="option4" disabled>option4</option>
              </select>
            </div>

            <div class="e-field e-field-inline">
              <label class="e-field__label e-field__label-inline" for="some_namesome_name2">Email category</label>
              <select class="e-select e-select__select2 e-select-inline e-select-medium" name="some_name" id="some_namesome_name2">
                <option value="option1">option1</option>
                <option value="option2">option2</option>
                <option value="option3" selected>All</option>
                <option value="option4" disabled>option4</option>
              </select>
            </div>

            <div class="e-field e-field-inline">
              <label class="e-field__label e-field__label-inline" for="some_namesome_name3">Language</label>
              <select class="e-select e-select__select2 e-select-inline e-select-medium" name="some_name" id="some_namesome_name3">
                <option value="option1">option1</option>
                <option value="option2">option2</option>
                <option value="option3" selected>All</option>
                <option value="option4" disabled>option4</option>
              </select>
            </div>

            <div class="e-field e-field-inline">
              <label for="input" class="e-field__label e-field__label-inline">Filter</label>
              <input class="e-input e-input-medium" type="text"  placeholder="Form input" />
            </div>

            <div class="e-field e-field-inline">
              <input type="checkbox" name="name" id="id-2" class="e-checkbox" /><label for="id-2" >Show child emails</label>
            </div>

            <div class="e-table__settings">
              <input type="checkbox" name="name" id="id-3" class="e-checkbox" /><label for="id-3" >Save settings</label>
            </div>

          </td>
        </tr>
        <tr>
          <th></th>
          <th class="e-table__sort">Campaign</th>
          <th>Versions</th>
          <th>Status</th>
          <th>Results</th>
          <th>Revenue</th>
          <th>Reach</th>
          <th>Impressions</th>
          <th>CPM</th>
          <th>CTR</th>
          <th>CPC</th>
          <th>Spent</th>
          <th>Starts</th>
          <th>Ends</th>
          <th class="e-table__col e-table__col-actions"></th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch0">
              <label class="e-switch__toggle" for="switch0"></label>
            </div>
          </td>
          <td class="e-truncate"><span class="e-truncate__truncated">#0 - LSL - Lead nurturing present</span></td>
          <td>2</td>
          <td>In Design</td>
          <td>46</td>
          <td>N/A</td>
          <td>451</td>
          <td>63</td>
          <td>$2.00</td>
          <td>0.245%</td>
          <td>$2.00</td>
          <td>$5.00</td>
          <td>12.03.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch1">
              <label class="e-switch__toggle" for="switch1"></label>
            </div>
          </td>
          <td class="e-truncate"><span class="e-truncate__truncated">#1 - LSL - 1st time buyers</span></td>
          <td>6</td>
          <td class="text-color-primary">Active</td>
          <td>32</td>
          <td>N/A</td>
          <td>346</td>
          <td>413</td>
          <td>$24.00</td>
          <td>1.124%</td>
          <td>$24.00</td>
          <td>$14.00</td>
          <td>12.03.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch2">
              <label class="e-switch__toggle" for="switch2"></label>
            </div>
          </td>
          <td class="e-truncate"><span class="e-truncate__truncated">#2 - LSL - Active buyers</span></td>
          <td>2</td>
          <td>In Design</td>
          <td>45</td>
          <td>$0.00</td>
          <td>641</td>
          <td>341</td>
          <td>$74.00</td>
          <td>2.143%</td>
          <td>$74.00</td>
          <td>$42.00</td>
          <td>29.02.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch3" checked>
              <label class="e-switch__toggle" for="switch3"></label>
            </div>
          </td>
          <td class="e-truncate"><span class="e-truncate__truncated">#3 - LSL - Reactivation</span></td>
          <td>1</td>
          <td class="text-color-danger">Pending</td>
          <td>21</td>
          <td>$0.00</td>
          <td>6433</td>
          <td>41</td>
          <td>$34.00</td>
          <td>4.542%</td>
          <td>$34.00</td>
          <td>$14.00</td>
          <td>24.02.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switc4">
              <label class="e-switch__toggle" for="switc4"></label>
            </div>
          </td>
          <td class="e-truncate"><span class="e-truncate__truncated">Emarsys FB Retargeting (Existing ellipsis)</span></td>
          <td>4</td>
          <td class="text-color-primary">Active</td>
          <td>65</td>
          <td>$0.00</td>
          <td>12456</td>
          <td>35</td>
          <td>$14.00</td>
          <td>3.247%</td>
          <td>$14.00</td>
          <td>$24.00</td>
          <td>24.02.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch5">
              <label class="e-switch__toggle" for="switch5"></label>
            </div>
          </td>
          <td class="e-truncate"><span class="e-truncate__truncated">Emarsys blog learning</span></td>
          <td>6</td>
          <td>In Design</td>
          <td>47</td>
          <td>N/A</td>
          <td>340</td>
          <td>72</td>
          <td>$14.00</td>
          <td>8.457%</td>
          <td>$14.00</td>
          <td>$47.00</td>
          <td>24.02.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switc6" checked>
              <label class="e-switch__toggle" for="switc6"></label>
            </div>
          </td>
          <td class="e-truncate"><span class="e-truncate__truncated">$$$Reactivation</span></td>
          <td>8</td>
          <td class="text-color-primary" >Active</td>
          <td>31</td>
          <td>N/A</td>
          <td>6</td>
          <td>91</td>
          <td>$24.00</td>
          <td>4.243%</td>
          <td>$24.00</td>
          <td>$20.00</td>
          <td>21.02.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch7">
              <label class="e-switch__toggle" for="switch7"></label>
            </div>
          </td>
          <td class="e-truncate"><span class="e-truncate__truncated">Emarsys FB Retargeting (Leads)</span></td>
          <td>1</td>
          <td class="text-color-warning">On Hold</td>
          <td>97</td>
          <td>N/A</td>
          <td>0</td>
          <td>42</td>
          <td>$74.00</td>
          <td>4.542%</td>
          <td>$74.00</td>
          <td>$74.00</td>
          <td>14.01.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch8">
              <label class="e-switch__toggle" for="switch8"></label>
            </div>
          </td>
          <td class="e-truncate"><span class="e-truncate__truncated">Emarsys lead nurturing</span></td>
          <td>3</td>
          <td class="text-color-primary">Active</td>
          <td>31</td>
          <td>N/A</td>
          <td>463</td>
          <td>68</td>
          <td>$34.00</td>
          <td>3.247%</td>
          <td>$34.00</td>
          <td>$34.00</td>
          <td>19.01.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch9" checked>
              <label class="e-switch__toggle" for="switch9"></label>
            </div>
          </td>
          <td class="e-truncate"><span class="e-truncate__truncated">Female Leads - affinity targeting</span></td>
          <td>4</td>
          <td class="text-color-danger">Pending</td>
          <td>48</td>
          <td>N/A</td>
          <td>464</td>
          <td>76</td>
          <td>$14.00</td>
          <td>8.457%</td>
          <td>$14.00</td>
          <td>$44.00</td>
          <td>17.12.2014</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td colspan="15">
            Show &nbsp;
            <select class="e-select e-select-inline e-select__select2 e-select-small" name="some_name1" id="some_namesome_name1">
              <option value="option1" selected>10</option>
              <option value="option2">20</option>
              <option value="option3">30</option>
            </select>
            &nbsp; rows
            <span class="float-right">
              <div class="e-pagination">
                <a class="e-pagination__item e-pagination__item-prev" href="#">
                  <svg class="e-icon" ><use xlink:href="#caret-left" ></use></svg>
                </a>
                <a class="e-pagination__item" href="#">1</a>
                <a class="e-pagination__item" href="#">2</a>
                <span class="e-pagination__item e-pagination__item-disabled">...</span>
                <a class="e-pagination__item" href="#">10</a>
                <a class="e-pagination__item" href="#">20</a>
                <a class="e-pagination__item e-pagination__item-next" href="#">
                  <svg class="e-icon" ><use xlink:href="#caret-right" ></use></svg>
                </a>
              </div>
            </span>
          </td>
        </tr>
      </tfoot>
    </table>

    <br/>
    <br/>
    <hr class="e-separator"/>

    <h2>Non truncated</h2>
    <table class="e-table">
      <thead>
        <tr>
          <th></th>
          <th class="e-table__sort">Campaign</th>
          <th>Versions</th>
          <th>Status</th>
          <th>Results</th>
          <th>Revenue</th>
          <th>Reach</th>
          <th>Impressions</th>
          <th>CPM</th>
          <th>CTR</th>
          <th>CPC</th>
          <th>Spent</th>
          <th>Starts</th>
          <th>Ends</th>
          <th class="e-table__col e-table__col-actions"></th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch0">
              <label class="e-switch__toggle" for="switch0"></label>
            </div>
          </td>
          <td>#0 - LSL - Lead nurturing present</td>
          <td>2</td>
          <td>In Design</td>
          <td>46</td>
          <td>N/A</td>
          <td>451</td>
          <td>63</td>
          <td>$2.00</td>
          <td>0.245%</td>
          <td>$2.00</td>
          <td>$5.00</td>
          <td>12.03.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch1">
              <label class="e-switch__toggle" for="switch1"></label>
            </div>
          </td>
          <td>#1 - LSL - 1st time buyers</td>
          <td>6</td>
          <td class="text-color-primary">Active</td>
          <td>32</td>
          <td>N/A</td>
          <td>346</td>
          <td>413</td>
          <td>$24.00</td>
          <td>1.124%</td>
          <td>$24.00</td>
          <td>$14.00</td>
          <td>12.03.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch2">
              <label class="e-switch__toggle" for="switch2"></label>
            </div>
          </td>
          <td>#2 - LSL - Active buyers</td>
          <td>2</td>
          <td>In Design</td>
          <td>45</td>
          <td>$0.00</td>
          <td>641</td>
          <td>341</td>
          <td>$74.00</td>
          <td>2.143%</td>
          <td>$74.00</td>
          <td>$42.00</td>
          <td>29.02.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch3" checked>
              <label class="e-switch__toggle" for="switch3"></label>
            </div>
          </td>
          <td>#3 - LSL - Reactivation</td>
          <td>1</td>
          <td class="text-color-danger">Pending</td>
          <td>21</td>
          <td>$0.00</td>
          <td>6433</td>
          <td>41</td>
          <td>$34.00</td>
          <td>4.542%</td>
          <td>$34.00</td>
          <td>$14.00</td>
          <td>24.02.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switc4">
              <label class="e-switch__toggle" for="switc4"></label>
            </div>
          </td>
          <td>Emarsys FB Retargeting (Existing ellipsis)</td>
          <td>4</td>
          <td class="text-color-primary">Active</td>
          <td>65</td>
          <td>$0.00</td>
          <td>12456</td>
          <td>35</td>
          <td>$14.00</td>
          <td>3.247%</td>
          <td>$14.00</td>
          <td>$24.00</td>
          <td>24.02.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch5">
              <label class="e-switch__toggle" for="switch5"></label>
            </div>
          </td>
          <td>Emarsys blog learning</td>
          <td>6</td>
          <td>In Design</td>
          <td>47</td>
          <td>N/A</td>
          <td>340</td>
          <td>72</td>
          <td>$14.00</td>
          <td>8.457%</td>
          <td>$14.00</td>
          <td>$47.00</td>
          <td>24.02.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switc6" checked>
              <label class="e-switch__toggle" for="switc6"></label>
            </div>
          </td>
          <td>$$$Reactivation</td>
          <td>8</td>
          <td class="text-color-primary" >Active</td>
          <td>31</td>
          <td>N/A</td>
          <td>6</td>
          <td>91</td>
          <td>$24.00</td>
          <td>4.243%</td>
          <td>$24.00</td>
          <td>$20.00</td>
          <td>21.02.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch7">
              <label class="e-switch__toggle" for="switch7"></label>
            </div>
          </td>
          <td>Emarsys FB Retargeting (Leads)</td>
          <td>1</td>
          <td class="text-color-warning">On Hold</td>
          <td>97</td>
          <td>N/A</td>
          <td>0</td>
          <td>42</td>
          <td>$74.00</td>
          <td>4.542%</td>
          <td>$74.00</td>
          <td>$74.00</td>
          <td>14.01.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch8">
              <label class="e-switch__toggle" for="switch8"></label>
            </div>
          </td>
          <td>Emarsys lead nurturing</td>
          <td>3</td>
          <td class="text-color-primary">Active</td>
          <td>31</td>
          <td>N/A</td>
          <td>463</td>
          <td>68</td>
          <td>$34.00</td>
          <td>3.247%</td>
          <td>$34.00</td>
          <td>$34.00</td>
          <td>19.01.2015</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
        <tr>
          <td>
            <div class="e-switch">
              <input type="checkbox" class="e-switch__input" name="consent" value="1" id="switch9" checked>
              <label class="e-switch__toggle" for="switch9"></label>
            </div>
          </td>
          <td>Female Leads - affinity targeting</td>
          <td>4</td>
          <td class="text-color-danger">Pending</td>
          <td>48</td>
          <td>N/A</td>
          <td>464</td>
          <td>76</td>
          <td>$14.00</td>
          <td>8.457%</td>
          <td>$14.00</td>
          <td>$44.00</td>
          <td>17.12.2014</td>
          <td>Ongoing</td>
          <td class="e-table__col e-table__col-actions">
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg></a>
            <a href="#"><svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg></a>
            <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
              <div class="e-dropdown__content">
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
                </a>
                <a class="e-dropdown__item" href="#">
                  <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete
                </a>
              </div>
            </e-dropdown>
          </td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td colspan="15">
            Show &nbsp;
            <select class="e-select e-select-inline e-select__select2 e-select-small" name="some_name1" id="some_namesome_name1">
              <option value="option1" selected>10</option>
              <option value="option2">20</option>
              <option value="option3">30</option>
            </select>
            &nbsp; rows
            <span class="float-right">
              <div class="e-pagination">
                <a class="e-pagination__item e-pagination__item-prev" href="#">
                  <svg class="e-icon" ><use xlink:href="#caret-left" ></use></svg>
                </a>
                <a class="e-pagination__item" href="#">1</a>
                <a class="e-pagination__item" href="#">2</a>
                <span class="e-pagination__item e-pagination__item-disabled">...</span>
                <a class="e-pagination__item" href="#">10</a>
                <a class="e-pagination__item" href="#">20</a>
                <a class="e-pagination__item e-pagination__item-next" href="#">
                  <svg class="e-icon" ><use xlink:href="#caret-right" ></use></svg>
                </a>
              </div>
            </span>
          </td>
        </tr>
      </tfoot>
    </table>
  </div>
</div>