@edugouvfr/ngx-dsfr
Version:
NgxDsfr est un portage Angular des éléments d'interface du Système de Design de l'État Français (DSFR).
46 lines (45 loc) • 2.53 kB
TypeScript
import { KeyValuePipe } from '@angular/common';
import { I18nService } from '../../shared';
import { DsfrDataTable, EduTableModel } from './data-table.model';
import * as i0 from "@angular/core";
export declare class DsfrTableComponent {
private i18n;
private keyValuePipe;
/** Message si aucune donnée. */
noDataMessage: string;
/**
* Permet d'empêcher le scroll horizontal. Si le tableau no-scroll comporte trop de colonnes le tableau est coupé
* sur la droite (overflow hidden).
*/
noScroll: boolean;
/**
* Permet de désactiver le scroll en fixant la largeur des colonnes du tableau. Les colonnes sont alors toutes de
* la même taille quelque soit leur contenu.
*/
fixedLayout: boolean;
/** Titre au-dessus du tableau. */
caption: string;
/** Permet de masquer (visuellement) le caption afin de l’utiliser uniquement dans le cadre de l’accessibilité. */
noCaption: boolean;
/** Permet de placer le caption en dessous du tableau plutôt qu’en haut. */
captionBottom: boolean;
/**
* Classes de personnalisation du tableau (ex : `fr-table--green-emeraude`).
*
* @link https://gouvfr.atlassian.net/wiki/spaces/DB/pages/312016971/Tableau+-+Table#Personnalisation
*/
customClass: string;
/** Classe(s) de personnalisation de l'entête. */
headerCustomClass: string;
/** Permet d'ajouter des bordures aux lignes du tableau. */
bordered: boolean;
/** @internal */
dataModel: EduTableModel;
constructor(i18n: I18nService, keyValuePipe: KeyValuePipe);
/** Modèle de données. */
set data(data: DsfrDataTable);
/** @internal */
hasRows(): boolean;
static ɵfac: i0.ɵɵFactoryDeclaration<DsfrTableComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DsfrTableComponent, "dsfr-table", never, { "noDataMessage": { "alias": "noDataMessage"; "required": false; }; "noScroll": { "alias": "noScroll"; "required": false; }; "fixedLayout": { "alias": "fixedLayout"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "noCaption": { "alias": "noCaption"; "required": false; }; "captionBottom": { "alias": "captionBottom"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "headerCustomClass": { "alias": "headerCustomClass"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, {}, never, ["[caption]"], false, never>;
}