Difference between revisions of "Web element: Table"


(Created page with "{{ | | |- | | }} <html><table class="wikitable" width="30%"> <tbody><tr> <th width="33%">Point* </th> <th width="33%">Grade </th></tr> <tr> <td align="center">92-100 </td> <t...")
 
(Normal table)
 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{
+
==Normal table==
|
+
{| class="lean" |
|
+
|+ style="caption-side:top;"|''Grades''
 
|-
 
|-
|
+
! <span class="is-all-small-caps">Point</span>
|
+
! <span class="is-all-small-caps">Grade</span>
}}
+
! <span class="is-all-small-caps">Cost</span>
 +
|-
 +
|Orange
 +
| style="text-align: right" | 10
 +
| style="text-align: right" | 7.00
 +
|-
 +
|Bread
 +
| style="text-align: right" | 4
 +
| style="text-align: right" | 3.00
 +
|-
 +
|Butter
 +
| style="text-align: right" | 1
 +
| style="text-align: right" | 5.00
 +
|}
 +
 
 +
{| class="lean" style="width: 50%; margin: 0 auto;" |
 +
|+ style="caption-side:top;"|''Grades''
 +
|-
 +
! <span class="is-all-small-caps">Point</span>
 +
! <span class="is-all-small-caps">Grade</span>
 +
! <span class="is-all-small-caps">Cost</span>
 +
|-
 +
|Orange
 +
| style="text-align: right" | 10
 +
| style="text-align: right" | 7.00
 +
|-
 +
|Bread
 +
| style="text-align: right" | 4
 +
| style="text-align: right" | 3.00
 +
|-
 +
|Butter
 +
| style="text-align: right" | 1
 +
| style="text-align: right" | 5.00
 +
|}
  
<html><table class="wikitable" width="30%">
+
==Sortable table==
<tbody><tr>
+
{| class="wikitable lean sortable" |
<th width="33%">Point*
+
|+ style="caption-side:top;"|Grades
</th>
+
|-
<th width="33%">Grade
+
! Point
</th></tr>
+
! Grade
<tr>
+
! Cost
<td align="center">92-100
+
|-
</td>
+
|Orange
<td align="center">AA
+
|10
</td></tr>
+
|7.00
<tr>
+
|-
<td align="center">83-91
+
|Bread
</td>
+
|4
<td align="center">BA
+
|3.00
</td></tr>
+
|-
<tr>
+
|Butter
<td align="center">74-82
+
|1
</td>
+
|5.00
<td align="center">BB
+
|}
</td></tr>
 
<tr>
 
<td align="center">65-73
 
</td>
 
<td align="center">CB
 
</td></tr>
 
<tr>
 
<td align="center">56-64
 
</td>
 
<td align="center">CC
 
</td></tr>
 
<tr>
 
<td align="center">47-55
 
</td>
 
<td align="center">DC
 
</td></tr>
 
<tr>
 
<td align="center">38-46
 
</td>
 
<td align="center">DD
 
</td></tr>
 
<tr>
 
<td align="center">0-37
 
</td>
 
<td align="center">FF
 
</td></tr></tbody></table></html>
 
* Revised grading scale for this course.</p>
 
<hr>
 

Latest revision as of 04:38, 1 December 2020

Normal table

Grades
Point Grade Cost
Orange 10 7.00
Bread 4 3.00
Butter 1 5.00
Grades
Point Grade Cost
Orange 10 7.00
Bread 4 3.00
Butter 1 5.00

Sortable table

Grades
Point Grade Cost
Orange 10 7.00
Bread 4 3.00
Butter 1 5.00