Skip to content

Feature/268 solid table

Matthieu Fesselier requested to merge feature/268-solid-table into dev

@balessan @clement @Marjolaine here is a POC of what I propose for the solid-table. The component looks like the solid-display and uses the same mixins. The only difference is that it inserts tr for each resource of a container, and td for each field.

As it uses the same mixins, we can also filter, sort, paginate ... the list

Here is a simple example:

    <solid-table
      data-src="data/list/users.jsonld"
      fields="first_name, last_name, username, email"
    ></solid-table>

For the use case of Energie Partagée, I tested the editable feature which should work for most of the cells. Example here:

    <solid-table
      data-src="data/list/users.jsonld"
      fields="first_name, last_name, username, email"
      widget-first_name="solid-display-div"
      editable-first_name
    ></solid-table>

What is missing related to the mockups is:

  • the checkboxes used to select lines
  • the ability to use a dropdown for editing a field
  • the ability to set a header to the table

What do you think?

Closes #268 (closed)

Edited by Matthieu Fesselier

Merge request reports