User:Coincollector/collapsible table

From the Super Mario Wiki

Jump to: navigation, search
Advertisement: This is my user's alternate page, this info contains about the user's secret of creativity, thanks.
©oin¢ollector.

Hello everybody! Welcome to my User's guide of mine: How to do an Expandable Table?. If you want to create dynamic table as a expandable table, follow my next instructions.

First that all, you must know how to make a table within this link: Making a Table

Once you have set the table's style; for the new column, you must set the division in this way:

{| style="..."
|<div style="...">Whatever Title<showhide>__HIDER__<hide><div style="...">
Whatever Content
</div></hide></showhide></div>
|}

The "Whatever Title" section must be next to showhide extension, because the first division acts the way of a header cell.

The "Whatever Content" section will be hidden. When clicking the [show] button, the content will appear.

  • Remember: Use the <div> syntax to make dynamic boxes as this.
  • Tip: Usually I reduce the size of the [show] while setting <small>__HIDER__</small> in this way, for aesthetics questions


When you've learned about making dynamic tables, you can make wonder dynamic tables using you creativity for this, like me


Now, let's see some examples


{| style="border: 1px solid gray; background:white"
|<div style="text-align:center; background:gray; width:100%">
'''Whatever Title'''<showhide><small>__HIDER__</small><hide><div
style="background:white">
Whatever Content
</div></hide></showhide></div>
|}
Whatever Title
Whatever Content

With creativity, you can make many collapsible tables, like this complex:

Whatever Title
Whatever Content
Whatever Title
Whatever Content
Whatever Title
Whatever Content


Personal tools