Data Table
Currently cannot use like standalone component by nd-component
The core-data-data-table component is a clone of the vuetify component and uses the same props.
Customer header(name) | Calories | Fat | Carbs | Protein | Iron |
|---|---|---|---|---|---|
| Frozen Yogurt | 159 | 6 | 24 | 4 | 1 |
| Jelly bean | 375 | 0 | 94 | 0 | 0 |
| KitKat | 518 | 26 | 65 | 7 | 6 |
| Eclair | 262 | 16 | 23 | 6 | 7 |
| Gingerbread | 356 | 16 | 49 | 3.9 | 16 |
Vue Component Usage
<core-data-data-table headers="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]" items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]" itemsPerPage="5" itemsPerPageOptions="[object Object],[object Object],[object Object],[object Object],[object Object]" ></core-data-data-table>
HTML Element Component Usage
<nd-component name="core-data-data-table" data='{"headers":[{"title":"Customer header(name)","value":"name"},{"title":"Calories","value":"calories"},{"title":"Fat","value":"fat"},{"title":"Carbs","value":"carbs"},{"title":"Protein","value":"protein"},{"title":"Iron","value":"iron"}],"items":[{"name":"Frozen Yogurt","calories":159,"fat":6,"carbs":24,"protein":4,"iron":"1"},{"name":"Jelly bean","calories":375,"fat":0,"carbs":94,"protein":0,"iron":"0"},{"name":"KitKat","calories":518,"fat":26,"carbs":65,"protein":7,"iron":"6"},{"name":"Eclair","calories":262,"fat":16,"carbs":23,"protein":6,"iron":"7"},{"name":"Gingerbread","calories":356,"fat":16,"carbs":49,"protein":3.9,"iron":"16"},{"name":"Ice cream sandwich","calories":237,"fat":9,"carbs":37,"protein":4.3,"iron":"1"},{"name":"Lollipop","calories":392,"fat":0.2,"carbs":98,"protein":0,"iron":"2"},{"name":"Cupcake","calories":305,"fat":3.7,"carbs":67,"protein":4.3,"iron":"8"},{"name":"Honeycomb","calories":408,"fat":3.2,"carbs":87,"protein":6.5,"iron":"45"},{"name":"Donut","calories":452,"fat":25,"carbs":51,"protein":4.9,"iron":"22"}],"itemsPerPage":5,"itemsPerPageOptions":[{"value":5,"title":"5"},{"value":10,"title":"10"},{"value":50,"title":"50"},{"value":100,"title":"100"},{"value":-1,"title":"$vuetify.dataFooter.itemsPerPageAll"}]}'></nd-component>
Api/Services
N/A
Module/properties
N/A