ANovokmet / svelte-gantt

:calendar: Interactive JavaScript Gantt chart/resource booking component

Home Page:https://anovokmet.github.io/svelte-gantt/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Suggestion] Extend features of table (filter, group, sort, ...)

Primenotes opened this issue · comments

Hey guys, wouldnt it be nice to have extend table features (e.g. group by column/filter/sorting/...)?

I found this example for grouping, to show the feature (it would be awesome to have reflections on the parent of each dynamic group):
https://svelte.dev/repl/8e810d253d4e4d86a41a6ff02729c6b6?version=3.48.0

'Header Less Table' (used in the REPL) seems to be discontinued for 'Tanstack Table'.

Looking at this, layout of rows doesnt seem so different from rowStore used in 'Svelte Gantt' (https://tanstack.com/table/v8/docs/api/core/row). Maybe they are willing to include missing row properties like Y-Positions and AllParents.

Any thoughts?

commented

Hey, really good ideas, actually I already implemented a sorting/searching/filtering system in Svelte Gantt for one of my project.
I'll post a little demo of the functionalities tomorrow so you can tell me about any enhancements you'd think of.

For the grouping functionalities, very interesting and might be possible too but didn't do it for now !

commented

Filter feature

filter

Search feature (using scrollToRow)
search

Broom feature (clean the empty lines)
broom

I'm also using more features on each line (see the extra dots on the left) such as

  • Add line above
  • Move line up
  • Duplicate line
  • Delete line
  • Move line down
  • Add line under

Looks nice! Did you build this with the current row API?

It will be interesting to see if groups can be added and how features interact with tree rows. Would you mind to commit examples above as a demo?