Skip to content

Superviseur — Frontend v1.0.0


Superviseur — Frontend / composables/useDataTable / useDataTable

Fonction: useDataTable() ​

ts
function useDataTable<T>(opts): object;

Défini dans: composables/useDataTable.ts:66

Logique cliente réutilisable d'un tableau de données : recherche plein-texte, tri par colonne (asc/desc/aucun au clic), filtre métier optionnel et pagination. Source de vérité unique partagée par toutes les listes de l'application ; DataTable s'appuie dessus.

Paramètres de type ​

Paramètre de type
T

Paramètres ​

ParamètreType
optsUseDataTableOptions<T>

Retourne ​

NomTypeDescriptionDéfini dans
queryRef<string, string>-composables/useDataTable.ts:145
sortKeyRef<string | null, string | null>-composables/useDataTable.ts:146
sortDirRef<SortDir, SortDir>-composables/useDataTable.ts:147
pageRef<number, number>-composables/useDataTable.ts:148
pageCountComputedRef<number>-composables/useDataTable.ts:149
toggleSort()(key) => voidClic sur un en-tête triable : asc → desc → aucun tri (retour à l'ordre source).composables/useDataTable.ts:150
filteredRowsComputedRef<T[]>Lignes après filtre métier + recherche (avant tri/pagination) — sert aussi au comptage.composables/useDataTable.ts:151
sortedRowsComputedRef<T[]>Lignes filtrées puis triées.composables/useDataTable.ts:152
displayRowsComputedRef<T[]>Lignes finalement affichées (tri + pagination le cas échéant).composables/useDataTable.ts:153
filteredCountComputedRef<number>-composables/useDataTable.ts:154
resetFilters()() => void-composables/useDataTable.ts:155

Documentation Technique