i want to make a border so that search option looks part of table

Hi,

thanks for your question, and sorry for the trouble.

For this, you could give the wrapper around the table the same background color or add a border line around it. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.dataTables_wrapper {
    background-color: #d9edf7;
    border: 1px solid #cccccc;
}

Regards,
Tobias

Really thanks

Sorry for disturbing you again when I applied above code my table header vertical border disappears. can you please help me how to fix

for showing vertical border i am using below custom css
.tablepress th,
.tablepress td {
border: 1px solid #cccccc;
}

Also, I am facing this issue in Mozilla browser in google chrome browser border showing but it gets disturbed(not looks good as it looks too be)

Hi,

I’m not sure what you mean. The CSS that I posted does not influence the cell borders… (Note that vertical borders in tables are discouraged, as they can reduce legibility.)

Regards,
Tobias

thanks for your prompt response i am facing this issue only in Mozilla firfox browser rest looks fine

Hi,

ah, now I see. Unfortunately, I don’t really know why this happens. I have seen this before on other sites. It seems to be a problem in Firefox.

Regards,
Tobias

thanks for the response.

Hi,

sure, no problem!

Best wishes,
Tobias