[Plugin: TablePress] Show vertical lines (borders)

Thanks very much for your reply, Tobias. I managed to get it all to work, although with some tinkering.

For one thing, to make the table-19 work (to remove the borders) I had to add “!important” to the border style.

I also needed to put some back that you suggested I remove. In particular, I found the font sizes became huge and the cell padding was also huge. I had been declaring font sizes in ems, so I needed to put that default back in, rather than go through all tables and change the font-sizes (I used 11px rather than 8pt). For much the same reason, I needed to put a default for cell padding back in.

I thought I’d mention these, since others might be having the same problems.

Many thanks for your help!

Hi,

great to hear to hear that you were able to get everything to work! Your case is a little bit tricky, as your theme loads code that affects tables itself.
So, the better that everything is good now ??

Best wishes,
Tobias

Ah, thank you for pointing that out, about the theme’s table styles. That likely explains why it’s been a bit of a struggle getting it all to work. ??

Hi,

sure, no problem. That’s for example also the reason why you needed that !important.

Best wishes,
Tobias

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

This plugin is amazing! I only wish I’d discovered it earlier. One questions I have is how to vertically align text in the table boxes. I tried

.tablepress td {
	vertical-align: middle;
}

but it didn’t seem to have any effect.
Thanks for the plugin and any advice!

Hi,

thanks for your question, and sorry for the trouble.

Please try this “Custom CSS” that is a little bit more specific:

.tablepress tbody td {
  vertical-align: middle;
}

Regards,
Tobias

hi tablepress plugin is good. but one problem that i am facing is my table is not display in appropriate position i used many ways. i even used custom css. i am able to increase or decrease table, change position of table horizontally but doesn’t able to change position vertically specially upwards.
one more thing when i am not using DataTables JavaScript library it come in correct position. but i want to use DataTables JavaScript library and also want table to come on appropriate position.
please help me and do the need fulls.

Hi,

thanks for your post, and sorry for the trouble.

Could you please post a link to the page with the table, so that I can see what is wrong and try to find out what’s causing that? Thanks!

Regards,
Tobias

my page is not online yet. i am working in localhost. but when i am working without DataTables JavaScript library custom css work and when i am using js library custom css doesn’t work.

Hi,

that likely means that the CSS is not specific enough then.
Unfortunately, I can’t really help without being able to inspect this directly in the browser ??
I suggest that we take a deeper look at this, once the site is online on a server.

Regards,
Tobias

okay then i will take your help after online. one more question is there any way to add more the one table with one id.
thanks for concern

Hi,

that sounds like a good plan then ??

About that other thing: I don’t really understand… What do you mean with “more than one table with one ID”? Of course, you can have several tables in TablePress, but they all have different IDs. Otherwise, they could not be distinguished, obviously.

Regards,
Tobias

Hallo Tobias,

ich habe mit dem Code

.tablepress,
.tablepress tr,
.tablepress tbody td,
.tablepress thead th,
.tablepress tfoot th {
	border: 0px solid #dddddd;
}

Die Rahmen fast wegbekommen jedoch ist noch der ?u?ere Rahmen sichtbar.
K?nntest du mir da noch helfen?

Anbei das Problem was ich meine:

Hoffe das ist erlaubt

Hi,

thanks for your question. As these are English language forums, I’ll reply in English. I hope that’s ok.

This likely means that your theme adds a border in a more aggressive way. I therefore recommend to try again with this code:

.tablepress,
.tablepress tr,
.tablepress tbody td,
.tablepress thead th,
.tablepress tfoot th {
	border: none !important;
}

If that does not help, please post a link to the page with the table, so that I can directly inspect the code. Thanks!

Regards,
Tobias

Hey,

Thank you very much! NO border are visible ??