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:"",
@@ -36,9 +38,13 @@ const initialise = async () =>
lineEnding:"
",
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;