New code: Advanced tables (Now with sorting)

[Nanshork]

I'm using Firefox, however it apparently works in IE.   

[Maat Mons]

I'm using Firefox.  It didn't work when I looked the first time, but it does now. 

[veekie]

Odd, not working on my 'fox either.

[Prime32]

Probably an issue with cache or cookies; you haven't loaded the updated files yet.

[Nanshork]

Probably an issue with cache or cookies; you haven't loaded the updated files yet.

Confirmed, I'm back at my work computer and it's working fine.

[sirpercival]

Now it's working.  Yay!

[Nanshork]

I just want to say that I love the BBC Code thread.   

[Garryl]

I just want to say that I love the BBC Code thread.   

Bulletin Board Code Code or British Broadcasting Corporation Code?

[Nanshork]

 

The new Bulletin Board Code thread in the Board Business section.

[sirpercival]

The new Bulletin Board Code thread in the Board Business section.

(BBC means Bulletin Board Code.  You said BBC Code, which is essentially like saying ATM Machine.)

[Halinn]

The new Bulletin Board Code thread in the Board Business section.

(BBC means Bulletin Board Code.  You said BBC Code, which is essentially like saying ATM Machine.)

It's still better than a recursive acronym, ala GNU (short for "GNU's Not Unix!")

[Nanshork]

The new Bulletin Board Code thread in the Board Business section.

(BBC means Bulletin Board Code.  You said BBC Code, which is essentially like saying ATM Machine.)

I realize that I typed it wrong, it was still a very silly question.   

[Bozwevial]

The new Bulletin Board Code thread in the Board Business section.

But BBS is something entirely different!

[Nanshork]

There is something wrong with you people.   

[FireInTheSky]

Second, there is now a [tablesort] tag which works in the same way as [table2]. Using it lets you click on the table's headings to sort it in ascending or descending order (and also makes headings bold). Be warned, when the rows sort they bring their background colours with them, so it will screw up alternating row colours if you're using them. In the Preview window it will just render as [table2].


Example of both below, borrowed from sirpercival's thread here (which is the reason I looked into this).

(click to show/hide)

Discipline	Author	Skill	Description
Abjurant Champion	Ziegander (gitp)	Spellcraft	The prc as a martial discipline
Adamant Cuisine	Xefas (gitp)	Profession (Chef)	Les poissions, les poissions how I love les poissions!
Adamant Soul	Magocrat (gitp)	Balance	The key to a good defense is a good defense
Aerial Ace	Eiji-kun (wiki)	Tumble	Fight will flying
Amaranth Eclipse	Thundergod Cid (wiki)	Intimidate	Scare your opponents to death
Ancient Temple	oslecamo	Profession (Gardener)	Cut your enemies like blades of grass (Touhou)
Anima River	Eiji-kun (wiki)	Concentration	Hit your opponent right in the chakras
Argent Moon	Derjuin (gitp)	Intimidate	Force of personality to go along with mind and body
Army of One	TheDementedOne (gitp)	Intimidate	Fight off armies by yourself with fear tactics
Art of War	Ziegander (gitp)	Knowledge (history)	Fighter Bonus Feats: the Discipline
Bitter Edge	The Vorpal Tribble (gitp)	Balance	Snowflake Wardance: The Discipline
Black Heron	ErrantX (gitp)	Intimidate	For those possessed by demons only
Black Heron	Golden-Esque (faxc)	Intimidate	Dirty fighting extraordinaire
Black Lotus	Zacharoth (gitp)	Sleight of Hand	Assassin killing spree
Black Rain	TheDementedOne (gitp)	Spot	Gunslingers need love too!
Blood Sage	pyrefiend (gitp)	Heal	Remove anatomically-significant portions of your enemies
Bloody Hammer	NeoSeraphi (gitp)	Intimidate	Rage like a barbarian
Border of Life	oslecamo	Perform (Dance)	Channel the power of death through dancing (Touhou)
Breath of Fire	oslecamo	Spellcraft	A discipline for those with breath weapons
Broken Blade	JoshuaZ (gitp)	Martial Lore	For use against other martial adepts
Broken Wave	Neofish (gitp)	Balance	Move around and through your enemies
Carnal Blossom	Prak, the Mad (bg)	Perform (sexual techniques)	Make your opponents very, very uncomfortable
Celestial Rain	hong (enw)	Spot	Shoot arrows as fast as you can
Chthonic Serpent	DragoonWraith (gitp)	Use Rope	Whips & spiked chains
Circling Vulture	playswithfire (gitp)	Sleight of Hand	Aerial combat and sneakiness
Coin's Edge	TheDementedOne (gitp)	Profession (Gambler)	Do you feel lucky, punk?
Crashing Wave	playswithfire (gitp)	Swim	Fight above and below the water
Crescent Moon	Nifft (mmx)	Spellcraft	Focus on stealth and counter-magic
Crimson Earth	TravelLog	Intimidate	The ground will run red with your enemies' blood
Crystalline Unicorn	EvilVegan (gitp)	Heal	Restore vitality and health
Crystallized Silver	oslecamo	Intimidate	Freeze your enemies (Touhou)
Dancing Goddess	Eiji-kun (wiki)	Perform (Dance)	Dance through your enemies
Dancing Fox	Nifft (mmx)	Bluff	Focus on trickery and misdirection
Dancing Leaf	TheDementedOne (gitp)	Escape Artist	Evasive maneuvers
Desolate Arbiter	Xefas (gitp)	Knowledge (the planes)	Become one with the endless desert
Diamond Arrow	hong (enw)	Concentration	Diamond Mind with a bow
Divine Flame	Anomander	Craft (explosives)	Blow things up (Touhou)
Divine Muse	thegurullamen (gitp)	Perform	Bard: the discipline
Doll Judgement	oslecamo	Craft (dolls)	Build and deploy your nanodoll army (Touhou)
Domestic Tarrasque	Foxwarrior (wiki)	Jump	Be like a Tarrasque in a china shop
Dragon's Fang	Soulblazer_87 (sorc)	Intimidate	Wrestle like a dragon
Dread Crown	TheDementedOne (gitp)	Intimidate	Fiendish bladework
Dream Battle	oslecamo	Sense Motive	Use the power of your faith to beat people up (Touhou)
Edge Country Hurricane	sirpercival & SolEiji	Appraise	Maneuvers of questionable veracity and purview
Elemental Union	Xefas (gitp)	Knowledge (the planes, nature)	Use all four elements at once
Eloquent Speech	Foxwarrior (wiki)	Diplomacy	Social combat -- useful for politicians
Endless Play	Dead_Jester (gitp)	Bluff	Piss off your enemies while you remove their body parts
Equinox	sirpercival	Heal	Maneuvers for Autumn and Spring
Essence of Gaia	sirpercival	Handle Animal	For those with animal companions and the like
Essential Cut	Foxwarrior (wiki)	Autohypnosis	A discipline for incarnum users
Eternal Glacier	IGTN (wiki)	Survival	A discipline from the frozen north
Eternal Mount	Magocrat (gitp)	Ride	Use your mount as a weapon

Interestingly, it doesn't sort it totally alphabetically.  It sorts everything with the first letter uppercase A-Z, and then everything with the first letter lowercase a-z.

Is there an easy way to get the sorting mechanism to treat uppercase and lowercase the same?

[Prime32]

Should be fixed now, but it could take a while for it to update on your end.

[FireInTheSky]

Hey Prime, I noticed that with a sortable table, if you edit the post using the modify button in the lower right corner, when you save, the table is no longer sortable. However, if you edit the post using the modify button in the upper right corner, it's fine. (And if you did it using the lower right corner, saved, and then re-edited using the upper right modify, it sorts again). Does that make sense? (If it matters, I'm using Chrome.)

Assuming that's not an easily fixable bug in either the tablesort code or the modify code, you might want to put a note about that in the Extra BBCode Tags thread.

[FireInTheSky]

The two tables below are identical except that the first uses [tablesort] and the second uses [table2]:

Tablesort

Stuff	Stats						Other Stuff
	S	D	C	I	W	C
asdfas	1	2	2	3	3	1	zxcvzxc
bvxcbb	2	1	3	1	2	3	yuioyui
cvbncv	3	3	1	2	1	2	xcvbxcv

(click to show/hide)

Code: [Select]

[tablesort=border]
[row2][cellspan2=2]Stuff[/cellspan2][cellspan=6]Stats[/cellspan][cellspan2=2]Other Stuff[/cellspan2][/row2]
[row2][cell]S[/cell][cell]D[/cell][cell]C[/cell][cell]I[/cell][cell]W[/cell][cell]C[/cell][/row2]
[row][cell]asdfas[/cell][cell]1[/cell][cell]2[/cell][cell]2[/cell][cell]3[/cell][cell]3[/cell][cell]1[/cell][cell]zxcvzxc[/cell][/row]
[row][cell]bvxcbb[/cell][cell]2[/cell][cell]1[/cell][cell]3[/cell][cell]1[/cell][cell]2[/cell][cell]3[/cell][cell]yuioyui[/cell][/row]
[row][cell]cvbncv[/cell][cell]3[/cell][cell]3[/cell][cell]1[/cell][cell]2[/cell][cell]1[/cell][cell]2[/cell][cell]xcvbxcv[/cell][/row]
[/tablesort]


Table2

Stuff	Stats						Other Stuff
	S	D	C	I	W	C
asdfas	1	2	2	3	3	1	zxcvzxc
bvxcbb	2	1	3	1	2	3	yuioyui
cvbncv	3	3	1	2	1	2	xcvbxcv

(click to show/hide)

Code: [Select]

[table2=border]
[row2][cellspan2=2]Stuff[/cellspan2][cellspan=6]Stats[/cellspan][cellspan2=2]Other Stuff[/cellspan2][/row2]
[row2][cell]S[/cell][cell]D[/cell][cell]C[/cell][cell]I[/cell][cell]W[/cell][cell]C[/cell][/row2]
[row][cell]asdfas[/cell][cell]1[/cell][cell]2[/cell][cell]2[/cell][cell]3[/cell][cell]3[/cell][cell]1[/cell][cell]zxcvzxc[/cell][/row]
[row][cell]bvxcbb[/cell][cell]2[/cell][cell]1[/cell][cell]3[/cell][cell]1[/cell][cell]2[/cell][cell]3[/cell][cell]yuioyui[/cell][/row]
[row][cell]cvbncv[/cell][cell]3[/cell][cell]3[/cell][cell]1[/cell][cell]2[/cell][cell]1[/cell][cell]2[/cell][cell]xcvbxcv[/cell][/row]
[/table2]


I'm not surprised that that [cellspan2=HEIGHT] doesn't currently work with [tablesort], since it has the potential to interact very strangely.

What I'd like to be able to do is create a sortable table that looks like the second table above, where I could sort by Stuff, Other Stuff, or the individual stats (S/D/C/I/W/C). Is that possible? Can you think of some other way I can achieve this besides using [cellspan2=HEIGHT]? The problem is that if I try to do a header separately from the table, there's no way to guarantee the header lining up with the columns it's supposed to head.


EDIT: Actually, one possible solution is to align the tables to the right, and then stick the Individual Stats section at the right-hand side. That way, I'd always know where it is. However, it appears that tables don't play well with [right] or [float=right]:

Right

Stuff	Other Stuff
A	B
B	A

(click to show/hide)

Code: [Select]

[right]
[tablesort=border]
[row2][cell]Stuff[/cell][cell]Other Stuff[/cell][/row2]
[row][cell]A[/cell][cell]B[/cell][/row]
[row][cell]B[/cell][cell]A[/cell][/row]
[/tablesort]
[/right]


Float=right

Stuff	Other Stuff
A	B
B	A

[/float]

(click to show/hide)

Code: [Select]

[float=right]
[tablesort=border]
[row2][cell]Stuff[/cell][cell]Other Stuff[/cell][/row2]
[row][cell]A[/cell][cell]B[/cell][/row]
[row][cell]B[/cell][cell]A[/cell][/row]
[/tablesort]
[/float]


Are any of the issues/questions in this post easyeasier to fix than another?