WordPress.org

Ready to get started?Download WordPress

Forums

TablePress
[resolved] Sorting arrows (9 posts)

  1. Hockeyguy1925
    Member
    Posted 1 year ago #

    Can't figure out how to remove sorting arrows from table headers. Can you please direct me on how to do this. Thanks
    Great plugin

    http://wordpress.org/extend/plugins/tablepress/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    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

  3. Hockeyguy1925
    Member
    Posted 1 year ago #

    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.

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    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

  5. Hockeyguy1925
    Member
    Posted 1 year ago #

    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?

  6. Hockeyguy1925
    Member
    Posted 1 year ago #

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

  7. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    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

  8. Hockeyguy1925
    Member
    Posted 1 year ago #

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

  9. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags