Hi,
thanks for your post, and sorry for the trouble.
What exactly are you trying to achieve? Do you want the table to be more narrow? Then, you could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.tablepress-id-NanoX {
width: 400px;
}
Regards,
Tobias
Thread Starter
nolda
(@nolda)
Hi Tobias, thnx for quicke response.
I am using this code so I can have columns spread through the whole table. But still, columns are not visible and the text is pressed on the right side?
.tablepress-id-Taxiboat .column-1 {
width: 250px;
}
.tablepress-id-NanoX .column-2 {
width: 250px;
}
.tablepress-id-NanoX .column-3 {
width: 250px;
}
.tablepress-id-NanoX .column-4 {
width: 250px;
}
.tablepress-id-NanoX .column-5 {
width: 250px;
}
.tablepress-id-NanoX .column-6 {
width: 250px;
}
If I am not clear can you send me your email so I can send you a screenshot of the problem?
Thnx
Hi,
ah, now I see what you mean. I had not realized that these are multiple columns. This problem is caused by your theme’s Woocommerce integration, which adds CSS code that interferes here. To fix that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.eltd-woo-single-page .woocommerce-tabs .tablepress td {
width: auto;
padding: 8px;
}
You should not need the CSS code that you have been using so far (for the individual column widths) then.
Regards,
Tobias
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!
Thread Starter
nolda
(@nolda)
Hi Tobias,
I have a question about columns visibility on mobile version.
I have 12 columns which are visible on desktop but only 6 columns are visible on mobile version of the web?
Do you have any advice how can I fix that?
Thnx in advance!
God bless
Hi,
that sounds like the classical problem of responsiveness of tables on the web. For some possible approaches to work with that, please see https://tablepress.org/extensions/responsive-tables/
Regards,
Tobias
Thread Starter
nolda
(@nolda)
Hi Tobias,
one more question please. 🙂
I have a table with 12 columns and 10 rows
My first row has text in all twelve columns but my second row has text just on first two columns. Because of that text in second row impacts text in all other columns.
Is it possible to connect columns in a specific row that want impact position of the text in other columns?
Thnx a lot T.
Hi,
I’m not sure that I understand. Do you want to combine/merge/connect the cells? Then, you can use the “colspan” button below the table input fields on the “Edit” screen.
Regards,
Tobias
Thread Starter
nolda
(@nolda)
Hi,
yes.
But in a row colspan button isnt working?
Thread Starter
nolda
(@nolda)
Yeap,
the table crashed while I was trying to merge cells.
You should see the table 🙂
Hi,
the table crashed? What does that mean?
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
Thread Starter
nolda
(@nolda)
Hi, well… table was crashed inside wordpress it seems.
I am still trying to merge cells but no luck?
Thread Starter
nolda
(@nolda)
Hi,
as you can see I am trying to merge first two cells in few bottom rows?
https://www.sub.famax.hr/product/nano-x/
Can you help?
Thnx a lot
Hi,
what does “crash” mean? Are you getting any error messages?
To merge those cells, you should only have to add #colspan# to the cell on the right of the text.
Regards,
Tobias
