vuetable-2-tutorial
vuetable-2-tutorial copied to clipboard
[Vue warn]: Unknown custom element: <vuetable-field-sequence>
Hi everyone.... I need your help please with this stuff:
When i try to use a special field any one between the five fields, I got : [Vue warn]: Unknown custom element: <vuetable-field-{{the field name here}}> in my console..
Here are the examples:
-[Vue warn]: Unknown custom element:
here is my code:
`
` <vuetable-pagination-info ref="paginationInfoTop"></vuetable-pagination-info>
<vuetable-pagination ref="paginationTop"
@vuetable-pagination:change-page="onChangePage"
></vuetable-pagination>
</div>
<vue-table
ref="vuetable"
api-url="https://vuetable.ratiw.net/api/users"
:per-page="10"
:fields="field"
pagination-path=""
@vuetable:pagination-data="onPaginationData"
:css="css"
>
</vue-table>
<div class="vuetable-pagination ui basic segment grid">
<vuetable-pagination-info ref="paginationInfo"></vuetable-pagination-info>
<vuetable-pagination ref="pagination"
@vuetable-pagination:change-page="onChangePage"
></vuetable-pagination>
</div>
</div>
I had the same problem. The problem was that I had installed the version
npm install vuetable-2 @ next --save
And I was using the old doc instead of the one corresponding to my installed version https://www.vuetable.com/
For the costomized fields I have to add this object in my fields table
{ name: 'actions', title: 'Actions', titleClass: 'text-center', dataClass: 'text-center', width: '15% ' }
and
<div slot = "actions" slot-scope = "props"> ........ </ Div>
inside the vuetable tag