vue-dsfr icon indicating copy to clipboard operation
vue-dsfr copied to clipboard

Rendre le pageCount du composant DsfrTable react à la props rows

Open benjaminDNUM opened this issue 1 year ago • 2 comments

Ajourd'hui, en cas de modification sur les rows d'un DsfrTable, la ref pageCount ne semble pas mise a jour. Le seul watcher que j'ai vu créant la reactivité sur cette ref est le suivant :

watch(
  () => optionSelected.value,
  (newVal) => {
    pageCount.value =
      props.rows.length > optionSelected.value ? Math.ceil(props.rows.length / newVal) : 1
  },
)

(https://vue-ds.fr/composants/DsfrTable)

Cela crée des problemes par exemple lorsque l'on ajoute des elements au tableau. Imaginons un tableau avec une pagination de 10 rows par page. Le table contient 10 éléments et un utilisateur en ajoute un 11eme. Le nombre total de page restera inchangé à 1 au lieu de 2 maintenant.

Il faudrait créer cette réactivité

benjaminDNUM avatar Apr 18 '24 11:04 benjaminDNUM

Bonjour, je veux bien me pencher sur ce problème, cependant, je vous déconseille d’utiliser la pagination dans le composant DsfrTable car il a été implémenté d’une façon expérimentale (et pas très accessible). Il vaut mieux utiliser DsfrTable et DsfrPagination vous-même.

laruiss avatar Apr 19 '24 12:04 laruiss

Bonjour, je veux bien me pencher sur ce problème, cependant, je vous déconseille d’utiliser la pagination dans le composant DsfrTable car il a été implémenté d’une façon expérimentale (et pas très accessible). Il vaut mieux utiliser DsfrTable et DsfrPagination vous-même.

Bien noté :) merci beaucoup !

benjaminDNUM avatar Apr 23 '24 07:04 benjaminDNUM

Utiliser plutôt le nouveau composant DsfrDataTable pour embarquer la pagination. Cf. doc

laruiss avatar Sep 12 '24 21:09 laruiss