Difference between revisions of "Web element: Table"


(Normal table)
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
{| class="wikitable lean" |
+
==Normal table==
 +
{| class="lean" |
 
|+ style="caption-side:top;"|''Grades''
 
|+ style="caption-side:top;"|''Grades''
 
|-
 
|-
! Point
+
! <span class="is-all-small-caps">Point</span>
! Grade
+
! <span class="is-all-small-caps">Grade</span>
! Cost
+
! <span class="is-all-small-caps">Cost</span>
 
|-
 
|-
 
|Orange
 
|Orange
|10
+
| style="text-align: right" | 10
|7.00
+
| style="text-align: right" | 7.00
 
|-
 
|-
 
|Bread
 
|Bread
|4
+
| style="text-align: right" | 4
|3.00
+
| style="text-align: right" | 3.00
 
|-
 
|-
 
|Butter
 
|Butter
|1
+
| style="text-align: right" | 1
|5.00
+
| 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
 +
|}
  
{| class="wikitable sortable" |
+
==Sortable table==
|+ style="caption-side:top;"|Table: GRADES
+
{| class="wikitable lean sortable" |
 +
|+ style="caption-side:top;"|Grades
 
|-
 
|-
 
! Point
 
! Point

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