Publier un projet de type POC, qui met en œuvre `svelte-headless-table`

[stephane-klein]

Je souhaite implémenter et publier un projet de type POC, qui met en œuvre svelte-headless-table, dans un environnement SvelteKit SSR avec hydratation, qui permet dans un premier temps d'affichher des données tabulaires dans un tableau.

Contrainte technique :

• utilisation de TailwindCSS
• Peut-être intégrer un PostgreSQL dans le POC (optionnel)

Source d'inspiration UX : la fonctionnalité Projects de GitHub. Pourquoi ? Parce que j'adore l'expérience utilisateur de ce module. C'est un avis personnel, mais à ce jour, l'utilisation de cette fonctionnalité est ma meilleure expérience UX d'utilisation de tableau web.

[stephane-klein]

J'ai un peu de difficulté à comprendre le rôle joué par Render.

[stephane-klein]

J'ai un peu de difficulté à comprendre le rôle joué par Render.

Render est publié en dehors de svelte-headless-table, dans le package svelte-render.

[stephane-klein]

Je publie mon POC en work in progress dans : https://github.com/stephane-klein/poc-sveltekit-headless-table

[stephane-klein]

Le state hideForId défini ici n'est pas mis à jour par ce bind:checked={hideForId[id]} qui est implémenté dans le composant HeaderAddColmunMenu.
Le state hideForId est passé en paramètre à HeaderAddColmunMenu : <HeaderAddColmunMenu {ids} {hideForId} />.

[stephane-klein]

Le state hideForId défini ici n'est pas mis à jour par ce bind:checked={hideForId[id]} qui est implémenté dans le composant HeaderAddColmunMenu. Le state hideForId est passé en paramètre à HeaderAddColmunMenu : <HeaderAddColmunMenu {ids} {hideForId} />.

J'ai posé la question sur Discord Svelte Society Francophone.

[stephane-klein]

Le state hideForId défini ici n'est pas mis à jour par ce bind:checked={hideForId[id]} qui est implémenté dans le composant HeaderAddColmunMenu. Le state hideForId est passé en paramètre à HeaderAddColmunMenu : <HeaderAddColmunMenu {ids} {hideForId} />.

Je vais essayer de reproduire mon problème dans un https://svelte.dev/repl/

[stephane-klein]

Le state hideForId défini ici n'est pas mis à jour par ce bind:checked={hideForId[id]} qui est implémenté dans le composant HeaderAddColmunMenu. Le state hideForId est passé en paramètre à HeaderAddColmunMenu : <HeaderAddColmunMenu {ids} {hideForId} />.

Je vais essayer de reproduire mon problème dans un https://svelte.dev/repl/

Voilà un REPL qui présente mon problème https://svelte.dev/repl/cb9643de02594252886dd5d5616fde7c?version=4.2.8

[stephane-klein]

Le state hideForId défini ici n'est pas mis à jour par ce bind:checked={hideForId[id]} qui est implémenté dans le composant HeaderAddColmunMenu. Le state hideForId est passé en paramètre à HeaderAddColmunMenu : <HeaderAddColmunMenu {ids} {hideForId} />.

Je vais essayer de reproduire mon problème dans un https://svelte.dev/repl/

Voilà un REPL qui présente mon problème https://svelte.dev/repl/cb9643de02594252886dd5d5616fde7c?version=4.2.8

Fixed https://svelte.dev/repl/aad637ea21714658817d09be6dc000db?version=4.2.8

[stephane-klein]

Je souhaite pouvoir éditer les éléments du tableau dans un formulaire implémenté dans un "pane" (comme GitHub Projects)

Peut-être une ressource utile pour gérer les "panes" :

• https://svelte.dev/repl/5ab84358dd8b46ad9474884f2359ff9b?version=3.59.2

[stephane-klein]

Autre ressource peut être utile :

• https://nomcopter.github.io/react-mosaic/

[stephane-klein]

Je viens de découvrir https://github.com/orefalo/svelte-splitpanes qui semble plus mature que https://svelte.dev/repl/5ab84358dd8b46ad9474884f2359ff9b?version=3.59.2

[stephane-klein]

J'ai fini une première itération https://youtu.be/g_o742QdvlU

Je pense que je vais arrêter mon travail sur cette issue pendant quelque temps.

[stephane-klein]

En essayant de traiter En tant qu'utilisateur, je peux scroller dans le panel "table", même quand le pane est ouvert horizontalement ou verticalement #1 je suis tombé dans un Rabbit Hole : "addGridLayout isn't compatible with addHiddenColumns : hidden columns are not taken into account when calculating the number of columns" (https://github.com/bryanmylee/svelte-headless-table/issues/179)