if DataTable has bellow settings;
Code: Select all
:scrollable="true"
:paginator="true"
:rows="100"
Code: Select all
Error in render: "TypeError: context.props.column.$scopedSlots[context.props.type] is not a function
Code: Select all
<DataTable
:value="dataValue"
:scrollable="true"
scroll-height="60vh"
style="width: 100%"
:lazy="true"
:paginator="true"
:rows="100"
:total-records="total"
:row-hover="true"
selection-mode="single"
:first.sync="first"
:sort-field="post.sort"
:sort-order="post.order"
:selection.sync="selectedData"
@sort="sort($event)"
@page="onPage($event)"
>
<Column
v-for="col of columns"
header-style="width: 180px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;"
body-style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;"
:field="col.field"
:header="col.header"
/>
</DataTable>