Forum:Alphabetization in Tables

Forums: Index → Support Requests → Alphabetization in Tables

Fandom's forums are a place for the community to help other members.
To contact staff directly or to report bugs, please use Special:Contact.

Note: This topic has been unedited for 4668 days. It is considered archived - the discussion is over. Information in this thread may be out of date. Do not add to unless it really needs a response.

Hello. With the recent upgrade, I've found that tables on my wiki that included buttons to alphabetize content no longer show those buttons.

An example of such a table.

An example of a working table (on a wiki that has not yet been upgraded).

Is there anyway to restore this feature?

Thank you,

--Whistle9 (Talk) 12:32, August 29, 2012 (UTC)

I think this discussion has a solution. --IK ^Talk 23:08, August 29, 2012 (UTC)

Okay, I've now got a table that sorts alphabetically. However, the buttons that allow the resorting are no longer visible. Is there any way I can make the buttons visible again, and can I change their positioning within the table so they are beside the text rather than beneath it?

Thank you,

--Whistle9 (Talk) 11:47, August 31, 2012 (UTC)

So Wikia has changed two things for sortable tables. The first being that now only table headers are sortable, so you need to specify headers by using <th></th> tags, or exclamation marks (! !!).

The second change is the buttons, for which you need to add this to your CSS:

table.jquery-tablesorter th.headerSort {
    background-image: url("http://slot1.images.wikia.nocookie.net/__cb58381/common/skins/common/images/sort_none.gif") !important;
    background-position: right !important;
    padding-bottom: 0px !important;
}

I wish they stopped messing up our wikis... --IK ^Talk 21:51, September 4, 2012 (UTC)

I'm sorry, but I still seem to be doing something wrong. For some reason, multiple copies of the sorting arrows are appearing in the table header. I've copied the css code exactly as you've given it, so how can I fix this?--Whistle9 (Talk) 22:42, September 4, 2012 (UTC)

In your case, it looks like you'll need to add this CSS instead, so it doesn't repeat the button image:

table.jquery-tablesorter th.headerSort {
    background-image: url("http://slot1.images.wikia.nocookie.net/__cb58381/common/skins/common/images/sort_none.gif") !important;
    background-position: right !important;
    padding-bottom: 0px !important;
    background-repeat: no-repeat !important;
}

I have no idea why... --IK ^Talk 22:46, September 4, 2012 (UTC)

Alright, that seems to have done it. Thank you very much, both your help, and your patience.--Whistle9 (Talk) 23:30, September 4, 2012 (UTC)