Problème TablePress

Hi,

thanks for your post, and sorry for the trouble.

Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

Bonjour,

Voici le lien. Dites moi s’il fonctionne car vous pouvez être bloqué car nécessite de se connecter !

Lien de la page : https://distrigobordeaux.fr/pneumatiques/

Je reste disponible au besoin

Hi,

indeed, the site seems to require a login, as it seems…

Regards,
Tobias

L’accès est temporairement ouvert sur le lien partagé au-dessus ??

Hi,

I still get redirected to a login page?

Regards,
Tobias

And now ?

Hi,

thanks, now I can see the table!

The cause for this problem is that you added the CSS code into the wrong field. It must NOT go into the “Custom Commands” text field on the table’s “Edit” screen (please remove it from there again), and instead paste it into the “Custom CSS” text area on the “Plugin Options” screen of TablePress.
Also, you seem to be using an automatically translated (to French) version of the code. Please use the original (in English) code that you found.

Regards,
Tobias

Bonjour,

Merci du retour. J’ai actualisé selon vos instructions. En revanche, aucun code CSS ne me permet d’afficher toutes les colonnes sur la page si j’active l’option de défilement en cas de nombreuses colonnes (mon cas).
J’ai désactivé l’option et cela me décale le tableau à droite mais affiche toutes les colonnes. Mais aucun code CSS n’arrive à centrer le tableau…

Avez-vous une astuce pour cette demande ?

Les codes CSS utilisés actuellement :

.tablepress-id-6 thead th,
.tablepress-id-6 tbody td {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

.tablepress-id-6 thead th:first-child,
.tablepress-id-6 tbody td:first-child {
border-left: none;
}

.tablepress-id-6 tbody .row-1 td,
.tablepress-id-6 tbody {
border-bottom: 1px solid #cccccc !important;
}

.tablepress-id-6 td,
.tablepress-id-6 th {
text-align: center;
}

.tablepress thead th,
.tablepress tfoot th {
background-color: #dd8b31;
}

.tablepress-id-6 {
width: auto;
margin: 0 auto 1em;
}

Encore merci pour votre temps,

iago

Hi,

the problem here essentially is that the content area of the theme is rather narrow (only about the length of the gray line below the text “Vos pneumatique maintenant à portée de main.”). So, the table would not really have more space – unless you modify the content area with in your theme (unfortunately, I don’t know how this can be done).

A hacky solution could be to add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress (instead of what you tried so far):

.dataTables_wrapper .tablepress-id-6 {
    font-size: 80%;
    margin-left: -100px !important;
}

However, even if that works, the table will not look too nice on small screens (like phones), so using an option for responsiveness (like scrolling) will still be necessary.

Regards,
Tobias

Bonjour,

C’est tout simplement parfait ! Le code a résolu ma demande. En effet vous avez raison nous optimiserons l’affichage mobile par la suite !

Encore merci pour tout et merci pour cette extension ??

Belle journée

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias
?
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!