New code: Advanced tables (Now with sorting)

[Prime32]

When using nested table2s, if an outer table2 has cell borders enabled, all inner tables will also have cell borders, regardless of their parameters.

Sorry, I can't find a way to stop that. CSS child selectors aren't working beyond one level.

[Garryl]

Would it be possible for the table2 code to ignore everything outside of cell blocks instead of pushing them above the table? It currently ignores one newline between each cell, but anything more gets pushed to above the table. It would be nice to be able to place extra lines between cells, particularly when dealing with nested tables.




Edit: Nested tables also change widths, and thus heights, when dealing with different-sized browser windows, as the rows of different nested tables to not align themselves like the rows of a single table do.

[Prime32]

Added [table2=collapse] for seamless nested tables, an example of which can be seen here.

[Garryl]

Prime, can you add a transpose option to the tables, where it just transposes the cells?

[Prime32]

I'm not completely sure what you mean, but I don't think that's possible.

[Garryl]

Transpose. I'm just looking for ways to do the vertical tables as a single table, rather than a supertable and subtables for each column, which leads to the rows of the subtables having to be manually aligned, thus breaking alignment if any extra lines get added (such as by a smaller screen size forcing the text of a wide cell into multiple lines).

[SorO_Lost]

I'm just looking for ways to do the vertical tables as a single table.

As I mentioned before, DIV & float left.

Paste this in notepad and save as an html file.

Code: [Select]

<div name="Vertical Table">
<div style="float: left; background-color:#996666;">
Row one, column one.<br>
Row two, column one.<br>
Row three, column one.<br>
</div>
<div style="float: left; background-color:#669966;">
Row one, column two.<br>
Row two, column two.<br>
Row three, column two.<br>
</div>
<div style="float: left; background-color:#666699;">
Row one, column three.<br>
Row two, column three.<br>
Row three, column three.<br>
</div>
</div>
Who uses tables to begin with?

[Prime32]

Compare these two tables. Now look at the code.

(click to show/hide)

Level
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

(click to show/hide)

Level
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

[sirpercival]

I don't see the orange...

EDIT: Now I do... weird. Very nice!

[SorO_Lost]

Spiffy auto colorer there for orange presets.

[sirpercival]

Can anyone tell me why this nested, orange table isn't working?

Table: Arcana DCs
Arcana DC	Task
10	Answer a very easy question relating to relevant subjects.
15	Answer a basic question relating to relevant subjects.
20	Answer a difficult question relating to relevant subjects.
30	Answer a very difficult question relating to relevant subjects.
10 + monster's HD	Identify a construct, dragon, or magical beast.
13	When using read magic, identify a glyph of warding. No action required.
15 + spell level	Identify a spell being cast. (You must see or hear the spell’s verbal or somatic components.) No action required. No retry.
15 + spell level	Learn a spell from a spellcrystal (crystal mage only). No retry for that spell until you gain at least 1 rank in Spellcraft (even if you find another source to try to learn the spell from). Requires 8 hours.
15 + spell level	Prepare a spell from a borrowed spellcrystal (crystal mage only). One try per day. No extra time required.
15 + spell level	When casting detect magic, determine the school of magic involved in the aura of a single item or creature you can see. (If the aura is not a spell effect, the DC is 15 + one-half caster level.) No action required.
19	When using read magic, identify a symbol. No action required.
20 + spell level	Identify a spell that’s already in place and in effect. You must be able to see or detect the effects of the spell. No action required. No retry.
20 + spell level	Identify materials created or shaped by magic, such as noting that an iron wall is the result of a wall of iron spell. No action required. No retry.
20 + spell level	Decipher a written spell (such as a scroll) without using read magic. One try per day. Requires a full-round action.
25 + spell level	After rolling a saving throw against a spell targeted on you, determine what that spell was. No action required. No retry.
25	Identify a potion. Requires 1 minute. No retry.
20	Draw a diagram to allow dimensional anchor to be cast on a magic circle spell. Requires 10 minutes. No retry. This check is made secretly so you do not know the result.
30 or higher	Understand a strange or unique magical effect, such as the effects of a magic stream. Time required varies. No retry.

[/cell][/row][/table2]

Code: [Select]

[table2]
[row][cell][glow=maroon,2,300][b]Table: Arcana DCs[/b][/glow][/cell][/row]
[row][cell][table2=orange][row=#CCCCFF][b]Arcana DC[/b][/cell][cell][b]Task[/b][/cell][/row]
[row2][cell]10[/cell][cell]Answer a very easy question relating to relevant subjects.[/cell][/row2]
[row][cell]15[/cell][cell]Answer a basic question relating to relevant subjects.[/cell][/row]
[row2][cell]20[/cell][cell]Answer a difficult question relating to relevant subjects.[/cell][/row2]
[row][cell]30[/cell][cell]Answer a very difficult question relating to relevant subjects.[/cell][/row]
[row2][cell]10 + monster's HD[/cell][cell]Identify a construct, dragon, or magical beast.[/cell][/row2]
[row][cell]13[/cell][cell]When using read magic, identify a glyph of warding. No action required.[/cell][/row]
[row2][cell]15 + spell level[/cell][cell]Identify a spell being cast. (You must see or hear the spell’s verbal or somatic components.) No action required. No retry.[/cell][/row2]
[row][cell]15 + spell level[/cell][cell]Learn a spell from a spellcrystal (crystal mage only). No retry for that spell until you gain at least 1 rank in Spellcraft (even if you find another source to try to learn the spell from). Requires 8 hours.[/cell][/row]
[row2][cell]15 + spell level[/cell][cell]Prepare a spell from a borrowed spellcrystal (crystal mage only). One try per day. No extra time required.[/cell][/row2]
[row][cell]15 + spell level[/cell][cell]When casting detect magic, determine the school of magic involved in the aura of a single item or creature you can see. (If the aura is not a spell effect, the DC is 15 + one-half caster level.) No action required.[/cell][/row]
[row2][cell]19[/cell][cell]When using read magic, identify a symbol. No action required.[/cell][/row2]
[row][cell]20 + spell level[/cell][cell]Identify a spell that’s already in place and in effect. You must be able to see or detect the effects of the spell. No action required. No retry.[/cell][/row]
[row2][cell]20 + spell level[/cell][cell]Identify materials created or shaped by magic, such as noting that an iron wall is the result of a wall of iron spell. No action required. No retry.[/cell][/row2]
[row][cell]20 + spell level[/cell][cell]Decipher a written spell (such as a scroll) without using read magic. One try per day. Requires a full-round action.[/cell][/row]
[row2][cell]25 + spell level[/cell][cell]After rolling a saving throw against a spell targeted on you, determine what that spell was. No action required. No retry.[/cell][/row2]
[row][cell]25[/cell][cell]Identify a potion. Requires 1 minute. No retry.[/cell][/row]
[row2][cell]20[/cell][cell]Draw a diagram to allow dimensional anchor to be cast on a magic circle spell. Requires 10 minutes. No retry. This check is made secretly so you do not know the result.[/cell][/row2]
[row][cell]30 or higher[/cell][cell]Understand a strange or unique magical effect, such as the effects of a magic stream. Time required varies. No retry.[/cell][/row][/table2]
[/cell][/row][/table2]


[SorO_Lost]

Because it is buggy than hell? Try looking at the arrangement.

                        

A quote block

R1C1

R2C1

                        

*****
**********
***************
**********
*****

Code: [Select]

My post is as follows

Because it is buggy than hell? Try looking at the arrangement.

[table2=orange]
[row]
[cell]R1C1[/cell]
[/row]
[row2]
[cell]R2C1[/cell]
[/row2]
[/table]

[quote]A quote block[/quote]

[table2=orange]
[row]
[cell]R1C1[/cell]
[/row]
[row2]
[cell]R2C1[/cell]
[/row2]
[/table]

[center]*****
**********
***************
**********
*****[/center]

Code block here.


R1C1

R2C1

[sirpercival]

Ah, I found the problem.  Thanks, SorO!

[ariasderros]

I had origionaly posted this in the wrong thread (I was in the wrong tab of what I'd had up ):

Are there any other colours supported other than orange?
Because I would like to make Pink (fuchsia, pink is to light), Blue and Green tables, but haven't been able to figure out how.

And got this answer:

You can use hex code colors to alter it, use row=#FFFFFF, replacing the FFFFFF with the correct code.  Wikipedia has a list, and I'm sure you can find a more comprehensive list somewhere else.

What I'm asking about is (table2=orange) seems to be the only colour that works on its own, w/o manually changing each individual line of the row code. Which, with collapsed tables, is a PITA.

[Prime32]

Two new additions!

First, [table2=rows] produces a table with a vertical lines above each row.

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

[sirpercival]

Awesome!  Except... I can't sort that...

[Nanshork]

Neither can I.

[sirpercival]

also, is there a way to combine different table2 options?  Like orange, rows, sort, and borders?  In various combinations?

[Prime32]

  I've tested in IE, Firefox and Opera, what browsers are you using? The inner workings should be identical to GitP's sort function.

also, is there a way to combine different table2 options?  Like orange, rows, sort, and borders?  In various combinations?

The styles can't be combined with each other; sorting uses a different tag so you can apply any style to it you could normally.

[sirpercival]

I've tested in IE, Firefox and Opera, what browsers are you using?

also, is there a way to combine different table2 options?  Like orange, rows, sort, and borders?  In various combinations?

The styles can't be combined with each other; sorting uses a different tag so you can apply any style to it you could normally.

I'm using Chrome.  It does work on Safari & Firefox on my computer, however.

So I would do tablesort=orange or somesuch?  cool.