diff --git a/src/firstExample.ts b/src/firstExample.ts index e194d60..47ccb21 100644 --- a/src/firstExample.ts +++ b/src/firstExample.ts @@ -24,10 +24,12 @@ const initialise = async () => converter.datasSourceUrl="http://localhost:8080/datas/elements-chimiques.csv"; await converter.parse(); converter.datasSortingFunctions=[{ datasFieldNb:4, sort:mySort }]; - // Adaptation du rendu + // Adaptation du rendu suivant la taille de l'écran + const myRender=new Render(converter); if(window.innerWidth < 800) { - converter.datasRender.settings={ + myRender.settings= + { allBegining:"

Affichage petits écrans !

", allEnding:"", linesBegining:"", dataDisplaying:"
  • #FIELDNAME : #VALUE
  • ", }; + converter.datasRender=myRender; + } + else + { + myRender.settings.allBegining=""; + converter.datasRender=myRender; } - else - converter.datasRender.settings.allBegining="
    "; // Configuration de la pagination const pagination=new Pagination(converter, { id:"pages" }, "Page à afficher :"); diff --git a/src/freeDatas2HTMLInterfaces.ts b/src/freeDatas2HTMLInterfaces.ts index 5720c2b..d1785a8 100644 --- a/src/freeDatas2HTMLInterfaces.ts +++ b/src/freeDatas2HTMLInterfaces.ts @@ -3,12 +3,11 @@ export interface Counter displayElement?: DOMElement; // peut être undefined si on ne souhaite pas d'affichage automatique dans la page value?: number; // undefined jusqu'à recevoir sa première valeur } -export interface DatasRenders +export interface DatasRenders // interface à respecter par toute alternative à la classe Render par défaut { rend2HTML(datas: any[]): string; - settings: DatasRendersSettings; } -export interface DatasRendersSettings +export interface DatasRendersSettings // interface spécifique à la classe Render par défaut. { allBegining: string; allEnding: string;