/
Scurtăturile Mele 12
Aplicații
Account type
Brands
Deschide lista de aplicații
Deschide lista de scurtături
Adaugă Pagina curentă în lista de scurtături
Time sheet
12:20
Start your day 🚀
Responsive table
Pentru a face un tabel responsive este nevoie de mici tweaks:
flux:table class="collapsable-table"clasa peflux:table- Opțional,
flux:table.columns class="mobile-table-header"pentru a afișa un header pentru mobil - pe fiecare celulă din
flux:table.rowstrebuiesc setate dimensiunile și/sau ordinea, după cum urmează:- Pentru dimensiune:
basis-*(docs). Se poate și cuw-*dar dacă se merge pe asta, adaugă prefix pentru responsive, e.g.max-md:w-12+w-20(pentru ecrane mari). E recomand să ai cel puțin o celulă fără lățime specificată. - Pentru reordonare, adaugă la fiecare
flux:table.cellclasaorder-[număr], undenumăreste un ... număr. Recomand un increment de minim 5, e.g. order-[5], order-[10] etc. Când vrei să reordonezi o celulă, schimbi ordinea cu un număr între cele folosite (e.g. order-[6]).
- Pentru dimensiune:
|
Serviciu
|
Status
|
Buget
|
Agenție
|
Trafic
|
Conversii
|
Revenue
|
||
|---|---|---|---|---|---|---|---|---|
|
Detalii
|
||||||||
| aaa | bbb | ccc | ddd | eee | fff | ggg | hhh | xxxx |
| aaa | bbb | ccc | ddd | eee | fff | ggg | hhh | xxxx |
| aaa | bbb | ccc | ddd | eee | fff | ggg | hhh | xxxx |
| aaa | bbb | ccc | ddd | eee | fff | ggg | hhh | xxxx |
| aaa | bbb | ccc | ddd | eee | fff | ggg | hhh | xxxx |
Table with Select
Ctrl + click on row will select
|
|
Row
|
|---|---|
|
|
Row 0 |
|
|
Row 1 |
|
|
Row 2 |
|
|
Row 3 |
|
|
Row 4 |
|
|
Row 5 |
|
|
Row 6 |
|
|
Row 7 |
|
|
Row 8 |
|
|
Row 9 |
|
|
Row 10 |
|
|
Row 11 |
|
|
Row 12 |
|
|
Row 13 |
|
|
Row 14 |
|
|
Row 15 |
|
|
Row 16 |
|
|
Row 17 |
|
|
Row 18 |
|
|
Row 19 |
selected: 0