Support » Plugin: TablePress » Sorting arrows

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    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.

    Plugin Author TobiasBg

    (@tobiasbg)

    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?

    Plugin Author TobiasBg

    (@tobiasbg)

    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: http://herdhistory.com/mooseheads-schedule/

    Plugin Author TobiasBg

    (@tobiasbg)

    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

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Sorting arrows’ is closed to new replies.