You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Jun 22, 2022. It is now read-only.
datatables are tricky to do "right", and I want to do this right. with that said, this might not make it into 2.0.3!
this will replace the current table component, which right now is just a wrapper around the builtin table element that adds some framework-specific styling to it.
this component should:
accept items as an array of objects. object keys should be expected to map to a column header.
optionally interface with VaPagination
have the ability to sort asc/desc by heading
accept a "selectable" prop, enabling you to "select" rows via a checkbox in the first column
recognize row items that have "children", and allow you to expand the row to reveal those children as additional, indented rows
have the ability to pin a column or columns to the left/right - potentially helpful when horizontally scrolling very large data sets
columns should accept custom filter methods to apply to the data in that column
should accept a loading prop that covers the table with a VaLoading (once VaLoading's backdrop is implemented) while data is being loaded - helpful for large data sets
should be able to export the table to csv (all data, or optionally just what is being viewed/filtered)
a column should accept a slot key that can be used as a reference to a scoped slot, i.e.:
My thoughts. I'm using now vuetable-2: https://www.vuetable.com/ and it's architecture seems okay.
I like it because it splitted loading part into two: auto with ajax calls and manual with data manager.
In my apps I use websockets navigation so it's very important.
Just a tip to construct overall architecture right before start
Lol I implemented something like this with the wrapper around.
It can create empty cell if no data for particular th/column are present, sorting, filtration of columns and stuff...want to implement drag&drop sorting to columns as well. Slot is used as a container of last <td></td> for buttons or whatever is needed and thus the buttons are part of parent view/component without the need of firing events back etc.
label values could go somewhere else as we will add more languages.
data got to be prepared/computed beforehand in the following format
:data="tableData"
tableData: [{// This is computed object that represents rowid: 1,row: [// Content of the row. Property label might be redundand since the switch to types{label: "Head",type: "type1"value: "lel"},{label: "Name",type: "type2"value: "lmao"},{label: "Age",type: "type3"value: "topkek"}]}]
The columns that are selected by default, can be overriden via filter by adding or removing types
:columns="columns"
datatables are tricky to do "right", and I want to do this right. with that said, this might not make it into 2.0.3!
this will replace the current table component, which right now is just a wrapper around the builtin table element that adds some framework-specific styling to it.
this component should:
slot
key that can be used as a reference to a scoped slot, i.e.:The text was updated successfully, but these errors were encountered: