feat(DsfrDataTable): ♿ permet de parcourir les cellules au clavier

et de copier le contenu de chaque cellule
dnum-mi · Sep 4, 2024 · ff8fc21 · ff8fc21
1 parent a5a1af4
commit ff8fc21
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/DsfrDataTable/DsfrDataTable.vue b/src/components/DsfrDataTable/DsfrDataTable.vue
@@ -138,6 +138,10 @@ function onPaginationOptionsChange () {
  wholeSelection.value = false
  selection.value.length = 0
 }
+
+function copyToClipboard (text) {
+ navigator.clipboard.writeText(text)
+}
 </script>
 
 <template>
@@ -239,6 +243,9 @@ function onPaginationOptionsChange () {
  <td
  v-for="(cell, cellIdx) of row"
  :key="typeof cell === 'object' ? cell[rowKey] : cell"
+ tabindex="0"
+ @keydown.ctrl.c="copyToClipboard(typeof cell === 'object' ? cell[rowKey] : cell)"
+ @keydown.meta.c="copyToClipboard(typeof cell === 'object' ? cell[rowKey] : cell)"
  >
  <slot
  name="cell"