Sortable Tables
Table using Simple Wikidot Syntax
Name | Rarity | ATK/DEF @ lv1 | ATK/DEF @ lv max | Deck Costs | SP Costs | Skill | Skill Effect | Skill Activator | SR/SSR Equipment |
---|---|---|---|---|---|---|---|---|---|
Airbender | HR | 1875/1687 | ?/? | 19 | 10 | Phalanx | Medium | Aztec Jaguar | - |
Amazonian | R | 1290/1192 | ?/? | 16 | 8 | Shadow Strike | Minor | Wizard | - |
Arch Angel | SSR | 5362/4950 | ?/? | 30 | 14 | Revelations Day | Large | Valkyrie | - |
Sortable Table Using HTML
Syntax
[[HTML]]
<head>
<script type="text/javascript" src="http://community.wikidot.com/local--files/howto:sortable-tables-js/sorttable.js"></script>
<!--CSS STYLE STARTS HERE-->
<style type="text/css">
table.sortable {
border-collapse: collapse;
}
table.sortable thead tr {
background-color: #eee;
}
table.sortable thead tr th {
font-weight:bold;
}
table.sortable tbody tr td {
text-align:center;
}
table.sortable thead tr th, table.sortable tbody tr td {
border: 1px solid #888;
font-family: verdana;
font-size: 12px;
}
</style>
<!--CSS STYLE ENDS HERE-->
</head>
<body>
<table class="sortable">
<thead>
<tr>
<th>Name</strong></th>
<th>Rarity</strong></th>
<th>ATK/DEF @ lv1</strong></th>
<th>ATK/DEF @ lv max</strong></th>
<th>Deck Costs</strong></th>
<th>SP Costs</strong></th>
<th>Skill</strong></th>
<th>Skill Effect</strong></th>
<th>Skill Activator</strong></th>
<th>SR/SSR Equipment</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Airbender</td>
<td>HR</td>
<td>1875/1687</td>
<td>?/?</td>
<td>19</td>
<td>10</td>
<td>Phalanx</td>
<td>Medium</td>
<td>Aztec Jaguar</td>
<td>-</td>
</tr>
<tr>
<td>Amazonian</td>
<td>R</td>
<td>1290/1192</td>
<td>?/?</td>
<td>16</td>
<td>8</td>
<td>Shadow Strike</td>
<td>Minor</td>
<td>Wizard</td>
<td>-</td>
</tr>
<tr>
<td>Arch Angel</td>
<td>SSR</td>
<td>5362/4950</td>
<td>?/?</td>
<td>30</td>
<td>14</td>
<td>Revelations Day</td>
<td>Large</td>
<td>Valkyrie</td>
<td>-</td>
</tr>
</table>
</body>
[[/html]]
page revision: 24, last edited: 28 Nov 2015 13:23