This is Vue3 component that can render a table like datatable without jquery. Unlike the other table libraries, av-datatable keeping the reactivity & the listener. it also compatible with yajra datatable
npm install @autotrof/av-datatableThis is Vue3 component that can render a table like datatable without jquery.
Unlike the other table libraries, av-datatable keeping the reactivity & the listener.
it also compatible with yajra datatable
npm i @autotrof/av-datatable
$3
- import AvDatatable from 'av-datatable'
- use it inside your component
$3
...your code
Gambar
Item
Kategori
Total Stock
Harga Beli
Harga Jual
Margin
{{ d.gambar }}
{{ d.name }}
{{ d.kategori }}
{{ d.total_stock }}
{{ d.harga_beli }}
Special Component still works here. 😎
... another code
this component will automatically render pagination and add filtering in your table$3
...your code
SKU
Name
Margin
{{ item.sku }}
{{ item.name }}
{{ item.margin }}
Tour SPA Link
... another code
$3
{
tableClassName: 'default-table',
ajax: {
url: null,
type: "GET",
data: {}
},
fixedHeader: false,
paging: true,
searching: true,
ordering: true,
stateSave: false,
info: true,
lengthMenu: [[10, 25, 50, 100, -1], ['10', '25', '50', '100', 'All']],
pageLength: 10,
page: 1,
search: '',
order: [[0, 'asc']],
initComplete: null,
info: true,
language: {
info: "Showing _START_ to _END_ of _TOTAL_ entries",
infoEmpty: "Showing 0 to 0 of 0 entries",
infoFiltered: "(filtered from _MAX_ total entries)",
lengthMenu: "Show _MENU_ entries",
processing: ,
search: "Search:",
zeroRecords: "No matching records found",
paginate: {
first: ,
last: ,
next: ,
previous:
}
}
}