div
.loading.d-flex.align-items-center.justify-content-center(v-if="isLoading")
i.fa.fa-spin.fa-refresh.fa-5x
.u-table.table-responsive
table.table.table-bordered.table-striped.text-center
thead(:class="{ 'float-grid': rows }")
tr
th(v-if="selection")
u-checkbox(@change="changeCheckAll", :checked="allChecked")
th(
:class="{ sortable }",
v-for="(value, key) in fields",
@click="sortColumn(key)"
)
slot(:name="`head.${key}`", :label="value.label")
| {{ value.label }}
i.fa.ml-2(:class="sortIcon(key)", v-if="sortable")
tbody(:class="{ 'float-grid': rows }")
template(v-for="(item, i) in finalRows")
tr(:key="item.uIndex")
td(v-if="selection")
u-checkbox(v-model="checks", :value="item.uIndex")
td(v-for="(value, key) in fields")
slot(:index="i", :name="key", :value="item", :toggle="toggle(i)")
| {{ item[key] }}
slot(name="expand", :value="item", :index="i", :toggle="toggle(i)", v-if="!!toggles[i]")
u-pagination(
v-if="!hidePagination",
:total-rows="this.totalRows || filtered.length",
:per-page="perPage",
v-model="currentPage",
@input="this.cleanToggles"
)