English
====================================================
Thanks a lot !
This is indeed a javascript problem (conflicts between different versions of JQuery).

I have disabled the JQuery in module "bt_login" and I have great improvements:
- The banner now displays the titles of the correct columns (those that are not in "child column")
- The "+" character is displayed in the first column and the click allows the display of the child columns

For the moment, I have not found how to delete or modify the JQuery which is executed with my template (created with "Themler")... In fact, I do not know if this will be a good solution because my template may no longer work correctly but good ... I look for...

So there is 1 display problem:

- The width of the banner and the table is set to 100%, while in the parameter setting of the "ARI Smart Content - Data Table" plugin AND in the display module it is set to 80%.

When I enable or disable JQuery in the "ARI Smart Content" setting, the result is the same, with JQuery version 1.8 and version 1.9.

After installation of the plugin "JQuery Easy", the result is the same with the following parameters:
- Enable JQuery : JQuery + UI
- JQuery : 1.12.x
- JQuery UI : 1.12.x

I feel the solution but can not find it ...

Français
=========================================
Merci beaucoup !
C'est en effet un problème javascript (conflits entre différentes versions de JQuery).

J'ai désactivé le JQuery dans le module "bt_login" et j'ai de très grandes améliorations :
- La bannière affiche maintenant les titres des bonnes colonnes (celles qui ne sont pas en "colonne enfant")
- Le caractère "+" est affiché en première colonne et le clic permet bien l'affichage des colonnes enfants

Pour l'instant, je n'ai pas trouvé comment supprimer ou modifier le JQuery qui est exécuté avec mon template (créé avec "Themler")... En fait, je ne sais pas si ce sera une bonne solution car mon template risque de ne plus fonctionner correctement mais bon... je cherche...

Il reste donc 1 problème d'affichage :

- La largeur de la bannière et de la table est mise à 100% alors que dans le paramétrage du plugin "ARI Smart Content - Data Table" ET dans le module d'affichage, il est mis à 80%.

Lorsque j'active ou désactive JQuery dans le paramétrage de "ARI Smart Content", le résultat est le même, avec la version JQuery 1.8 et la version 1.9.

Après installation du plugin "JQuery Easy", le résultat est le même avec les paramètres suivants :
- Activer JQuery : JQuery + UI
- JQuery : 1.12.x
- JQuery UI : 1.12.x

Je sens la solution mais n'arrive pas à la trouver...

Try to add the following CSS rule to "CSS Styles" parameter in module settings:

#dt_121_wrapper {margin: 0 auto; width: 80%;}

Regards,
ARI Soft

English
========================================================
Congratulations!
It is a solution that allows to obtain a good display but:

- It is an additional programming in relation to certain parameters already present but which do not work, examples: "Width", "Cell padding", "Cell spacing".

- You have specified "# dt_121_wrapper {margin: 0 auto; width: 80%;}" to put in the "CSS Styles" area, it works fine but when there are several modules, change, for example "# dt_131".

For me, it is a very good solution to have a good display, but in a complete site programming with several tens of modules, this solution looks more like a temporary solution than a real production solution.

If there are conflicts between different javascripts, and if the "JQuery Easy" plugin does not solve the problem, what should I do to make the "ARI Smart Content" settings recognized?



Français
========================================================
Bravo !
C'est une solution qui permet d'obtenir un bon affichage mais :

- C'est une programmation supplémentaire par rapport à certains paramètres déjà présents mais qui ne fonctionnent pas, exemples : "Width", "Cell padding", "Cell spacing".

- Vous avez indiqué "#dt_121_wrapper {margin: 0 auto; width: 80%;}" à mettre dans la zone "CSS Styles", c'est très bien, tout fonctionne correctement mais lorsqu'il y a plusieurs modules, le nom change, par exemple "#dt_131".

Pour moi, c'est une très bonne solution pour avoir un bon affichage, mais dans une programmation complète de site avec plussieurs dizaines de modules, cette solution ressemble plus à une solution temporaire qu'à une véritable solution de production.

Si il y a des problèmes de conflits entre différents fichiers javascripts, et si le plugin "JQuery Easy" ne solutionne pas le problème, que dois-je faire pour que les paramètres "ARI Smart Content" soient reconnus ?

You can add the following CSS rule to a site template CSS file to apply the CSS rule for all tables:

BODY .dataTables_wrapper {margin: 0 auto; width: 80%;}

Regards,
ARI Soft

admin wrote:
You can add the following CSS rule to a site template CSS file to apply the CSS rule for all tables:

BODY .dataTables_wrapper {margin: 0 auto; width: 80%;}

Regards,
ARI Soft

English
=========================================================
Hello

Thank you very much for this solution.
It is a very good solution to obtain a general configuration of all the displays of "ARI Smart Content - data Table".
This can satisfy some of the Webmasters if the presentation of the tables is always identical. Otherwise, there is the problem of the incompatibility of different CSS files and especially the "JQuery" ...

- Why do most "ARI Smart Content - Data table" parameters work correctly and not "Width", "Cell padding" and "Cell spacing"?
- Why can not the plugin "JQuery Easy" find the solution while theoretically it eliminates any programming "JQuery" in duplicate ...?

For information, I have just migrated Joomla to version 3.8.0. The problem is the same with this version. The problem certainly comes from the JQuery versions used by the template "Themler".
The problem encountered with ARI is important because it requires webmasters to have reliable CSS solutions (with ARI but also with other extension editors) to make developments work on Joomla + Templates.
If I change the versions of the JQuery files at the template level, the "ARI Smart Content - Data table" extension will work better but I take the risk of not having my template working properly.

For me, I would really like to understand what is happening on these 3 ARI parameters and what to do to make them active in the parameterization of the modules without taking risks in the template and of course other extensions.

Français
=========================================================
Bonjour

Merci beaucoup pour cette solution.
C'est une très bonne solution pour obtenir un paramétrage général de tous les affichages de "ARI Smart Content - data Table".
Ceci peut donc satisfaire une partie des Webmaster si la présentation des tables est toujours identique. Sinon, il reste le problème de l'incompatibilité des différents fichier CSS et en particulier du "JQuery"...

- Pourquoi la plupart des paramètres "ARI Smart Content - Data table" fonctionnent correctement et pas "Width", "Cell padding" et "Cell spacing" ?
- Pourquoi le plugin "JQuery Easy" ne peut-il pas trouver la solution alors que théoriquement il élimine toute programmation "JQuery" en double... ?

Pour information, je viens de migrer Joomla en version 3.8.0. Le problème est identique avec cette version. Le problème vient certainement des versions JQuery utilisées par le template "Themler".
Le problème rencontré avec ARI est important car il demande aux webmaster d'avoir des solution CSS fiables (avec ARI mais aussi avec les autres éditeurs d'extensions) pour faire fonctionner les développements sur des bases Joomla+Templates.
Si je change les versions des fichiers JQuery au niveau du template, l'extension "ARI Smart Content - Data table" fonctionnera certainement mieux mais je prends des risques de ne plus avoir mon template qui fonctionne correctement.

Pour moi, j'aimerai vraiment comprendre ce qui se passe sur ces 3 paramètres ARI et quoi faire pour les rendre actifs au niveau du paramétrage des modules sans prendre de risque au niveau du template et bien entendu des autres extensions.

The correct way to fix the problem with jQuery is modify template and load jQuery via Joomla! API. "Easy jQuery" plugin can be used as a temporary solution.

Regards,
ARI Soft