To implement a data table we have the component vs-table, also sub components and slots for a better management of the structure and operation
\n\nIn order to manipulate the data within the table, it is necessary to add the property: data=\"myDataTable\"
and thus be able to use the slot-scope=\"{data}\"
You can have a sebra effect by adding the property stripe
There are times when we need to add a state to our tr in the table so we have the property state inside the component vs-tr
You can add a paginated table with the pagination property
\n\nby default the maximum number of elements per page is 5 to change it using the max-items property
\n\"+_vm._s(\"\\{\\{ selected \\}\\}\")+\"\\n\\n\\n\\n \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n
You can add the functionality of select a specific tr to do this add the property data
with the value to be selected, it is usually the triterated
if you need to execute a certain function to select the user, we have the property @selected
, as the first parameter the data is returned
\"+_vm._s(\"\\{\\{ selected \\}\\}\")+\"\\n\\n\\n\\n \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n
To select multiples tr we have the property multiple
and each of the selected items will be added to the v-model
if you need to execute a certain function to select the user, we have the property @selected
, as the first parameter the data is returned
You can add the functionality of expanding a tr to visualize more data to make a structure of data or more complex functionalities
You can edit the data with slot edit
, so you have better flexibility and mastery of what you need
You can add the Filter functionality by adding the search
property.
if you need a property to be sorted you just have to add the sort-key
property and the value you need to be sorted.
\"+_vm._s(\"\\{\\{ selected \\}\\}\")+\"\\n\\n\\n\\n \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n
You can add a filtered, sorted, paginated and multi selected table with combination of the search
, multiple
and pagination
properties for example
To create table with SSR support just add sst
prop and then handle appropriate events like searching, sorting & pagination.