Remove the border between cells

Hi,

thanks for your question, and sorry for the trouble.

Yes, unfortunately, using DataTables and all related Extensions requires a table without merged cells ??

Removing the border between two cells should be possible with some “Custom CSS”. If you post the link to the page with the table in question, I’ll try to find the necessary code.

Regards,
Tobias

You can see it here.
https://www.1arkona.ru/for-tobias/
Sorry, I find it hard to English.

Hi,

Please try the following Custom CSS,

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

Just put it in the text field in “Dashboard” –> “TablePress” –> “Options” and save.

Sorry for not being exactly your describing.

I notice that you have set the following Custom CSS already:

.tablepress tbody td,
.tablepress thead th,
.tablepress tfoot th {
border: #041AC3 double 3px!important;
text-align: center;
text-indent: 0;
vertical-align: middle;
}

For any other border-related CSS to take effect, please delete the

!important

part from above CSS first, exactly.

Then use following Custom CSS instead of the one provided in the last reply:

.tablepress tbody td .column-1,
.tablepress thead th .column-1,
.tablepress tfoot th .column-1{
border-right: none;
}
.tablepress tbody td .column-2,
.tablepress thead th .column-2,
.tablepress tfoot th .column-2{
border-left: none;
}

The seventh line turned out.
Is therefore necessary to determine the boundaries on both sides, with the “right” of the first column, and the “left” with of the second column.

.tablepress-id-9 .row-7 .column-1 {
	border-right: 0 !important;
}

.tablepress-id-9 .row-7 .column-2 {
	border-left: 0 !important;
}

Thank you.

Glad to see you make it work. And you have a very good understanding on this.

Yes, it’s necessary for this, in order not to affect boundaries on the other 3 sides.

Just a pity that when you edit, add and move the rows in the table, all of the formatting by CSS will be confused.There is a way to determine the status of table cell borders directly in the cells?

I’m not sure if there is a more convenient way to do this. I think it’s better to let Tobias to answer this question.

Maybe a snippet of JavaScript in cell could do this? I don’t know for sure.

Hi, Tobias, please help!

Hi,

great to hear that you already found the CSS code to achieve this! ??

And yes, unfortunately, you’ll have to keep that CSS updated whenever you add/remove columns that change the position of the affected columns ?? This is the same with all cell styling things in CSS. There’s just no convenient way to do it other ways, as the CSS code does not take in to account the content.

Regards,
Tobias