Overview & Philosophy
Base CSS styling for tables: sortable column headers, row hover states, section groupings, numeric alignments, status badge integrations, and responsive mobile card stacking via SCSS mixins.
Basic Table
| Name | Status | Points | |
|---|---|---|---|
| Marko Petrovski | marko@example.com | Active | 95 |
| Ana Stojanova | ana@example.com | Active | 88 |
| Ivan Dimitrov | ivan@example.com | Inactive | 42 |
| Elena Trajkova | elena@example.com | Pending | 71 |
Section rows
| Parameter | Value | Status |
|---|---|---|
| Network | ||
| IP Address | 192.168.1.1 | OK |
| DNS | 8.8.8.8 | OK |
| System | ||
| CPU | 78% | Warning |
| RAM | 92% | Critical |
| Disk | 45% | OK |
Striped + Actions
| Document | Date | Actions |
|---|---|---|
| Contract.pdf | 15.02.2026 |
|
| Invoice.pdf | 10.02.2026 |
|