All serious livrarias and plugins should have United testa and Vue-Data-Tablee ia not and exception. Só, all features, like listing, sorting and select should be tested.

• Choose a test framework;
• Create test script;
• Create test coverage analysis;
• Test list and render;
• Test sort;
• Test select rows;

There's no way to identify sort as events. Emitting them is a simple way to request sort from back-end.

Hi,
Thanks a lot for your work.
I try to use html option into cell value but not works. Do you implement it ?

cols: [
        {
          label: "Name",
          field: "name",
          html: true
        },
rows: [
        {
          name: "<span class='test'></span> Hey !"
        }
]

I defined an html property on my column, but it show <span class='test'></span> like a string and not interprate in html render.
Thanks for your answer.

Hi guys !
Do you plan to consider the following column style properties :

• width
• hidden
• tdClass
• thClass

I need to specify it into column property but not in custom template. That's a lot for your work ;)

Add a way to select, using a checkbox, a row and emit this select event. Also, would be nice to have a prop to select all rows.

Storybook is a powerfull tool to test style specs, and see component's variants. I can combine It with docs and create a pretty nice documentation page, It also replaces poi on development envirvonment.

• Add @storybook/vue and NPM build, start scripts;
• Create all DataTable stories.

Using brackets on cols value throws error on get helper.

[
  { label: 'Company', value: 'users[0].company.name' }
]

I've discovered some ways to do it and a path module alternative. I'd like to use it or something like IDX (https://github.com/facebookincubator/idx).

function getProperty (object: object, property: string): any {
  try {
    const get = new Function('object', `return object.${property}`);
    return get(object);
  } catch (_) {
    return;
  }
}

Hi @VitorLuizC, I wanted to see vue-data-tablee in action but unfortunately the demo on CodePen is broken.

If I select a row, and remove it. DataTable still keeps removed row on selectedRows state.

Right now, all table functionalities are separated into mixins which handle everything, but DataTable component's template use some that mixin properties. It's hard to trace properties on component's template and the only way to fix it is merging them to component and split only helper functions.

Would be a solution, also, create DataTableRow and DataTableCol to handle style and to export them.

• Merge Sortable mixin to component;
• Merge Selectable mixin to component;
• Merge Alignable mixin to component;
• Create DataTableRow;
• Create DataTableCell;

select all, table header checkbox that select all row's checkbox, is checked when table is empty.