Skip to main content

I am creating a dashboard with tabs. Due to that I looked into some templates and found this one:

https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/#code-default-look-html-content

For our porpuse it is importans that the user can filter data in the tab with the map. And go back to the first tab and see the result.

However, the template doesn’t work if I do that.

To recreate the problem do the following:

  1. In the template, first look at the tab with a table on it:
  2. Table  tab in the beginning

     

  3. Then go to the map tab
  4. The map tab

    In that tab filter on a specific part

  5. Filter on the map

    Go back to the first TAB (expecting to find a table with only a few rows. And that I do, but the data look very strange:

  6.  

Auto-translation 🪄

Je crée un tableau de bord avec des onglets. Pour cette raison, j'ai examiné certains modèles et trouvé celui-ci : https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/#code-default-look-html-contentPour notre usage, il est important que le l'utilisateur peut filtrer les données dans l'onglet avec la carte. Revenez au premier onglet et voyez le résultat. Cependant, le modèle ne fonctionne pas si je fais cela. Pour recréer le problème, procédez comme suit : Dans le modèle, regardez d'abord l'onglet contenant un tableau : Onglet Tableau au début  Ensuite, allez dans l'onglet Carte. L'onglet CarteDans cet onglet, filtrez sur une partie spécifique Filtrez sur la carteRetournez au premier TAB (en espérant trouver un tableau avec seulement quelques lignes. Et c'est ce que je fais, mais les données semblent très étrange:

Hello Maria,

 

Indeed, it appears that the ods-table widget doesn’t behave as expected in the ods-simple-tab, and the dimensions of the table (especially the cells) are not good.

To fix this, you can modify the first ods-simple-tab by writing keep-content=”false” instead of keep-content=”true”. 

By doing this, ods-table will initialize when the tab is selected, and so the dimensions will be adapted to the size of the data.

Best,

 

Manon

Auto-translation 🪄

Bonjour Maria, En effet, il semble que le widget ods-table ne se comporte pas comme prévu dans l'onglet ods-simple, et que les dimensions du tableau (notamment les cellules) ne sont pas bonnes. Pour résoudre ce problème, vous pouvez modifier le premier ods-simple-tab en écrivant keep-content=”false” au lieu de keep-content=”true”. En faisant cela, ods-table s'initialisera lorsque l'onglet sera sélectionné, et ainsi les dimensions seront adaptées à la taille des données.Bien, Manon

Reply


Terms & ConditionsCookie settings