Responsive Table Design using CSS
Resize your browser and test with different resolutions. www.w3lessons.info
Table with Default Color
| Column 1 |
Column 2 |
Column 3 |
Column 4 |
| Item #1 |
Description |
Subtotal: |
$1.00 |
| Item #2 |
Description |
Discount: |
$2.00 |
| Item #3 |
Description |
Shipping: |
$3.00 |
| Item #4 |
Description |
Tax: |
$4.00 |
| All Items |
Description |
Your Total: |
$10.00 |
| *Your table footer… |
Black Table Example
| Column 1 |
Column 2 |
Column 3 |
Column 4 |
| Item #1 |
Description |
Subtotal: |
$1.00 |
| Item #2 |
Description |
Discount: |
$2.00 |
| Item #3 |
Description |
Shipping: |
$3.00 |
| Item #4 |
Description |
Tax: |
$4.00 |
| All Items |
Description |
Your Total: |
$10.00 |
| *Your table footer… |
Orange Table Example
| Column 1 |
Column 2 |
Column 3 |
Column 4 |
| Item #1 |
Description |
Subtotal: |
$1.00 |
| Item #2 |
Description |
Discount: |
$2.00 |
| Item #3 |
Description |
Shipping: |
$3.00 |
| Item #4 |
Description |
Tax: |
$4.00 |
| All Items |
Description |
Your Total: |
$10.00 |
| *Your table footer… |