Configuration du comportement de la table et valeurs par défaut
Options de configuration
Liste des options pour le comportement de la table. Configurez-les dans votre définition de table sous table.
table: {
allowCreate: true,
allowEdit: true,
allowDuplicate: true,
allowDelete: true,
allowBulkEdit: true,
allowBulkDelete: true,
allowInlineEdit: true,
showToolbar: true,
showToolbarHeader: true,
export: true,
bulkExport: true,
actionsAsIcons: false,
density: 'medium',
enableRowSelection: true,
enableRowClickEdit: false,
enableColumnFilters: true,
enableSorting: true,
enableGrouping: true,
enableCalculations: false,
enableColumnDragDropByDefault: false,
enableMultiRowSelection: true,
enablePagination: true,
defaultPageSize: 10,
pageSizeOptions: [5, 10, 20, 50],
dateDisplayPreset: 'localized-short',
}Options
enableRowSelection
Active les cases à cocher de sélection de lignes.
Type : boolean | Par défaut : true
enableRowClickEdit
Ouvre le drawer d'édition lors d'un clic sur une zone non interactive de la ligne.
Type : boolean | Par défaut : false
Contraintes :
- Fonctionne uniquement si
allowEditest activé. - Incompatible avec une colonne URL configurée avec
urlDisplayMode: 'row-link'. - Incompatible avec l'inline edit (au niveau table
inlineEditou au niveau colonneinlineEdit).
allowCreate
Affiche et active les actions de création dans l'UI de table.
Type : boolean | Par défaut : true
allowEdit
Affiche et active l'action Modifier dans le menu d'actions de ligne.
Type : boolean | Par défaut : true
allowDuplicate
Affiche et active les actions de duplication de ligne.
Type : boolean | Par défaut : true
allowDelete
Affiche et active les actions de suppression de ligne.
Type : boolean | Par défaut : true
allowBulkEdit
Affiche et active l'action d'édition de masse.
Type : boolean | Par défaut : true
allowBulkDelete
Affiche et active l'action de suppression de masse.
Type : boolean | Par défaut : true
allowInlineEdit
Autorise les interactions d'édition en ligne dans les cellules de la table.
Type : boolean | Par défaut : true
showToolbar
Affiche toute la barre d'outils de la table (recherche et boutons d'action).
Type : boolean | Par défaut : true
showToolbarHeader
Affiche le bloc d'en-tête de la barre d'outils (titre et description). Mettre false pour ne garder que recherche/actions.
Type : boolean | Par défaut : true
export
Affiche le bouton d'export CSV dans la barre d'outils (entre la recherche et les options). Exporte toutes les lignes correspondant à l'état courant (recherche/filtres/tri).
Type : boolean | Par défaut : true
bulkExport
Affiche l'export CSV dans le menu des actions de masse. Exporte uniquement les lignes sélectionnées.
Type : boolean | Par défaut : true
actionsAsIcons
Affiche les boutons d'action de la barre d'outils (Add, Export, Options) sous forme d'icônes uniquement avec tooltip.
Type : boolean | Par défaut : false
density
Mode de densité des lignes de la table.
Type : 'small' | 'medium' | 'large' | Par défaut : 'medium'
enableColumnFilters
Active les filtres par colonne.
Type : boolean | Par défaut : true
enableSorting
Active le tri au clic sur les en-têtes de colonnes.
Type : boolean | Par défaut : true
enableGrouping
Active l'UI de regroupement et le rendu des groupes lorsque les types de colonnes le permettent.
Type : boolean | Par défaut : true
enableCalculations
Active les calculs du pied de tableau (menu de calcul par colonne + ligne de résultats).
Type : boolean | Par défaut : false
Quand la valeur est false :
- La ligne de calculs en pied est masquée.
- Le toggle de calculs est masqué dans le menu options.
- Les
defaultCalculationdéfinis sur les colonnes sont ignorés dans l'UI.
enableColumnDragDropByDefault
Active le drag-and-drop pour réordonner les colonnes par défaut.
Type : boolean | Par défaut : false
enableMultiRowSelection
Autorise la sélection de plusieurs lignes.
Type : boolean | Par défaut : true
enablePagination
Affiche les contrôles de pagination.
Type : boolean | Par défaut : true
defaultPageSize
Nombre de lignes par page par défaut.
Type : number | Par défaut : 10
pageSizeOptions
Valeurs autorisées pour la taille de page.
Type : number[] | Par défaut : [5, 10, 20, 50]
dateDisplayPreset
Option prédéfinie d'affichage de date par défaut pour toutes les colonnes de type date. Une colonne peut surcharger cette valeur avec columns.definitions[].dateDisplayPreset.
Type : 'localized-short' | 'localized-medium' | 'localized-long' | 'month-name-long' | 'month-year' | 'dmy-numeric' | 'dmy-short' | 'mdy-numeric' | 'mdy-short' | 'iso-date' | Par défaut : 'localized-short'
Mode server-side
Le filtrage, la pagination et le tri sont server-side par défaut et ne sont plus configurables via des options manual*. La table envoie toujours search, filters, advancedFilters, orderBy, page et limit à votre action list.
Pour les options au niveau colonne (par ex. numberFormat pour l'affichage numérique/monétaire, dateDisplayPreset, tagColorMap), voir Columns.
Voir aussi :