You would need to do it for both tables but on the settings make sure
Sorting: Enable sorting of the table by the visitor. is ticketd
Hope this helps
i need both the tables to come one below the other in proper alignment.Not talking about sorting.
Hi,
thanks for your question, and sorry for the trouble.
The table content is left-aligned from what I can see, but you might want to set column widths: https://tablepress.org/faq/column-widths/
Regards,
Tobias
I have made four tables i want to left align all of them with a common width.So that they can be seen one below the other.
.tablepress-id-1 .column-1,
.tablepress-id-1 .column-2,
.tablepress-id-1 .column-3,
.tablepress-id-2 .column-1,
.tablepress-id-2 .column-2,
.tablepress-id-2 .column-3,
.tablepress-id-3 .column-1,
.tablepress-id-3 .column-2,
.tablepress-id-3 .column-3,
.tablepress-id-4 .column-1,
.tablepress-id-4 .column-2,
.tablepress-id-4 .column-3,
{
width: 100px;
}
https://www.a2atrade.com/czur-et18-pro-vs-czur-et18-plus/
Need Help @tobiasbg
Hi,
thanks for your question, and sorry for the trouble.
Please remove the comma , after the last line before the {.
In CSS, the last selector must not have a comma at the end.
Instead of using 100px as the value, you could also use 33%.
Regards,
Tobias
.tablepress-id-1 .column-1,
.tablepress-id-1 .column-2,
.tablepress-id-1 .column-3,
.tablepress-id-2 .column-1,
.tablepress-id-2 .column-2,
.tablepress-id-2 .column-3,
.tablepress-id-3 .column-1,
.tablepress-id-3 .column-2,
.tablepress-id-3 .column-3,
.tablepress-id-4 .column-1,
.tablepress-id-4 .column-2,
.tablepress-id-4 .column-3,
.tablepress-id-5 .column-1,
.tablepress-id-5 .column-2,
.tablepress-id-5 .column-3,
.tablepress-id-6 .column-1,
.tablepress-id-6 .column-2,
.tablepress-id-6 .column-3,
.tablepress-id-7 .column-1,
.tablepress-id-7 .column-2,
.tablepress-id-7 .column-3,
.tablepress-id-8 .column-1,
.tablepress-id-8 .column-2,
.tablepress-id-8 .column-3,
.tablepress-id-9 .column-1,
.tablepress-id-9 .column-2,
.tablepress-id-9 .column-3,
.tablepress-id-10 .column-1,
.tablepress-id-10 .column-2,
.tablepress-id-10 .column-3 {
width: 33%;
text-align: left;
}
is there any short form to write this or every time i make a new table and add it to the custom css id and column??
Hi,
you could shorten it to
.tablepress-three-column-left th,
.tablepress-three-column-left td {
width: 33%;
text-align: left;
}
if you then instead put the word tablepress-three-column-left into the “Extra CSS classes” text field on the “Edit” screens of the tables 1 through 10.
By using such an “Extra CSS class”, you are basically grouping the tables. The word “tablepress-three-column-left” is basically the group name (that you can also change to whatever you like).
Regards,
Tobias
Hi,
sure, no problem, you are very welcome!
Best wishes,
Tobias
