CSS Styling

CSS Styling

Table <table>

<table class="vuetable [css.tableClass]"></table>

Table Header Column <th>

Fields

<th id="_{{field.name}}" class="vuetable-th-{{field.name}} [sortable] [field.titleClass]"></th>

Special Fields

• __sequence

  <th class="vuetable-th-sequence [field.titleClass]"></th>

• __checkbox

  <th class="vuetable-th-checkbox-{{trackBy}} [field.titleClass]"></th>

• __component

  <th class="vuetable-th-component-{{trackBy}} [sortable] [field.titleClass]"></th>

• __slot

  <th class="vuetable-th-slot-{{field.name}} [sortable] [field.titleClass]"></th>

Table Column <td>

Fields

<td class="[field.dataClass]"></td>

Special Fields

• __sequence

  <td id="vuetable-sequence [field.dataClass]"></td>

• __handle

  <td id="vuetable-handle [field.dataClass]"></td>

• __checkbox

  <td id="vuetable-checkboxes [field.dataClass]"></td>

• __component

  <td id="vuetable-component [field.dataClass]"></td>

• __slot

  <td id="vuetable-slot [field.dataClass]"></td>

Detail Row

<td class="[css.detailRowClass]"></td>

Other Elements

loadingClass

ascendingIcon

descendingIcon

handleIcon

Pagination