div.oc-table-container
table.oc-table(:class="{'oc-table-auto-width': isAutoWidth, center: displayCenter}", :style="{'min-width': width}")
thead(v-if="isHead", ref="thead", @click="_headClickHanlder($event)",)
tr
th(v-if="isCheckbox")
input.ocTableCbx(type="checkbox", @click="headCbxClick")
th(v-if="isShowNumber") NO.
slot(name="headTr")
tbody(ref="tbody")
template(v-if="items && items.length > 0")
template(v-for="(item, index) in pageData")
slot(v-if="isRenderTrInSlot", name="itemTrs", :model="item", :index="index")
template(v-else)
tr(:data-id="item.id", :data-index="index", :key="item[trKey] || (item.id || index)", @click="toggleActive(item, $event)", :class="{active: activeItem && (activeItem == item || activeItem[activeKey] == item.id), checked: selectedIds.indexOf(item.id) !== -1}")
td(v-if="isCheckbox", @click.stop="")
input.ocTableCbx(type="checkbox", :value="item", v-model="selectedItems", :checked="selectedIds.indexOf(item.id) > -1" @click="_uncheckHeadCbx")
td(v-if="isShowNumber") {{_getItemNo(index)}}
slot(name="item", :model="item", :index="index")
tr.trHidden.zFadeIn(v-if="isHiddenTr", :data-id="item.id")
slot(name="itemPlug", :model="item", :index="index")
template(v-if="isRenderTrInSlot")
slot(name="footTr")
tr(v-else-if="items && items.length === 0")
td(colspan="1000") No data
tr(v-else)
td(:class="isAutoWidth? 'tl':'tc'", colspan="1000", style="padding-left: 30px;") Loading ...
tfoot(v-if="isPage")
tr
td.pt10(colspan="1000")
template(v-if="isPagByStep")
button.xs.mr10(type="button", @click="_setPageNo(pageNo-1)", :disabled="pageNo === 1") < Prev
button.xs.ml10(type="button", @click="_setPageNo(pageNo+1)", :disabled="pageNo >= totalPage") Next >
template(v-else)
span(v-if="!isReadOnlyPager") Go to page:
input.sm(placeholder="Go", type="number", min="1", max="2000", :value="pageNo", @keyup.enter="_setPageNo")
span.ml20(v-if="!isReadOnlyPager") Show rows:
input(type="number", :value="pageSize", min="1", max="2000", @keyup.enter="_setPageSize")
span.ml20 {{pageStartNo + 1}} - {{pageEndNo}} of {{total}}
span.ml10.pager-btns(v-if="!isReadOnlyPager")
button.xs.mr5(type="button", @click="_setPageNo(1)", :disabled="pageNo === 1") < First
button.xs.mr10(type="button", @click="_setPageNo(pageNo-1)", :disabled="pageNo === 1") Prev
button.xs.ml10(type="button", @click="_setPageNo(pageNo+1)", :disabled="pageNo >= totalPage") Next
button.xs.ml5(type="button", @click="_setPageNo(totalPage)", :disabled="pageNo >= totalPage") Last >