Sorting arrows

Hi,

thanks for your question.

Well, just deactivate sorting by unchecking the corresponding checkbox in the “Features of the DataTables JavaScript library” checkbox on the “Edit” screen of the table.

Regards,
Tobias

Hi Tobias,
thanks for your response. I understand that unchecking that option will remove the arrowqs, as well as disable sorting. I want sorting to be available, just dont want to see the arrows. I had this accomplished in last version of TablePress, just cant remember how.

Hi,

ah, ok. Thanks for the explanation.
Then you should re-enable the sorting checkbox, and just hide the arrows with some “Custom CSS” code:

.dataTables_wrapper .tablepress-id-123 .sorting div:after,
.dataTables_wrapper .tablepress-id-123 .sorting_asc div:after,
.dataTables_wrapper .tablepress-id-123 .sorting_desc div:after {
	content: "";
}

.dataTables_wrapper .tablepress-id-123 .sorting,
.dataTables_wrapper .tablepress-id-123 .sorting_asc,
.dataTables_wrapper .tablepress-id-123 .sorting_desc {
    padding-right: 8px;
}

The table ID has to be adjusted six times here.

Regards,
Tobias

Hi Tobias,
Im still having a bit of trouble with this. Sorry. This above code all goes in custom css section under ‘Sorting’? I would like all of my tables to not have the arrows. Is there something I can just delete from current code of custom css?

Sorry Tobias,
Just after I posted last post i got it figured out. how about removing the underline from full number pagination?

Hi,

yes, that code needs to go into the “Custom CSS”. If you want to apply it to all tables, just replace .tablepress-id-123 with .tablepress (six times).

About the underline in full number pagination: Can you please post a link to a table that has this? I’ll then gladly take a look.

Regards,
Tobias

All tables on site have it, but here is one of them: https://herdhistory.com/mooseheads-schedule/

Hi,

thanks for the link.

This “Custom CSS” should fix this (and also a few other things in the full numbers pagination):

.paging_full_numbers a {
    text-decoration: none;
    float: none;
    line-height: 20px;
    font-family: inherit;
}

Now, another thing: Why did you copy the ENTIRE Default CSS into the “Custom CSS”? That’s a really bad idea, because that will now again overwrite the Default CSS. So, basically the CSS is now loaded twice.
The “Custom CSS” should ONLY contain that CSS code that changes or extends the Default CSS!

Regards,
Tobias