Aqbeż għall-kontenut ewlieni

Blokk Table: data f'ringieli u kolonni

Għal xiex jintuża Table?

Uża tabella meta l-viżitaturi tassew jeħtieġu jqabblu ringieli u kolonni. Tabelli huma għal data strutturata: speċifikazzjonijiet, daqsijiet, ħinijiet tal-ftuħ jew paraguni fejn l-istess oqsma jerġgħu jidhru.

Jekk kważi kull ċellola teħtieġ sentenza twila, lista, grilja jew blokk tat-test ġeneralment ikun aktar faċli biex jinqara.

Il-mistoqsija ewlenija: xi ħadd jeħtieġ isib tweġiba fejn jiltaqgħu ringiela u kolonna? Jekk le, lista jew grilja tista' tkun aktar sempliċi.

  • It-Tnejn

    Ħinijiet tal-ftuħ
    09:00–17:00

  • It-Tlieta

    Ħinijiet tal-ftuħ
    09:00–17:00

  • L-Erbgħa

    Ħinijiet tal-ftuħ
    09:00–17:00

  • Il-Ħamis

    Ħinijiet tal-ftuħ
    09:00–18:00

  • Il-Ġimgħa

    Ħinijiet tal-ftuħ
    09:00–15:00

Eżempju: ħinijiet tal-ftuħ bil-layout Clean, fuq kard b'ewwel kolonna b'tipa ħoxna.

X'jagħmel tabella faċli biex tinqara?

  • Header row: semmi l-kolonni b'mod ċar. Fuq mobile iservi wkoll bħala tikketta taċ-ċelloli ta' kull kard.
  • Striped rows: fil-layout Classic jgħinu lill-għajn issegwi ringieli twal.
  • Bordered: f'Classic jagħmlu l-konfini bejn ċelloli aktar ċari f'data densa.
  • Inqas kolonni: speċjalment fuq mobile, żomm biss il-valuri meħtieġa.

Fuq mobile, Clean, Highlighted column u Card rows jibdlu kull ringiela f'kard, bl-header bħala tikketti. Classic normalment jiżżerżaq orizzontalment; ixgħel Cards on mobile biex jidher bħala kards ukoll.

  • S

    Wisa'
    42 cm
    Għoli
    62 cm
    Piż
    8.2 kg

  • M

    Wisa'
    48 cm
    Għoli
    68 cm
    Piż
    9.1 kg

  • L

    Wisa'
    54 cm
    Għoli
    74 cm
    Piż
    10.0 kg

Eżempju: speċifikazzjonijiet bil-layout Classic, b'borduri u header ikkulurit. Fuq mobile jintwerew bħala kards (Cards on mobile).

Erba' layouts

Is-setting Layout jiddetermina kif tidher it-tabella. Tabella ġdida tibda b'Clean; tabelli qodma jibqgħu Classic.

  • Classic: grilja tradizzjonali b'header mimli; hawn issettja striped rows u borduri.
  • Clean: kard mgħollija, l-ewwel kolonna b'tipa ħoxna, linja kkulurita taħt l-header u numri fuq il-lemin.
  • Highlighted column: għal paraguni; il-kolonna magħżula tidher b'kulur distint.
  • Card rows: kull ringiela hija kard separata.

Fit-tliet layouts ġodda, ċellola li fiha biss ✓ tinbidel f'simbolu ta' iva, u waħda b'— f'simbolu ta' le, li jinqraw ukoll minn screen readers. Tista' ddaħħalhom bil-kontrolli Yes mark u No mark. Il-kliem “iva” u “le” jibqa' test ordinarju.

  • Tindif kull ġimgħa

    Bażiku
    Yes
    Family
    Yes
    Premium
    Yes

  • Tindif tat-twieqi

    Bażiku
    No
    Family
    Yes
    Premium
    Yes

  • L-istess persuna kull darba

    Bażiku
    No
    Family
    Yes
    Premium
    Yes

  • Mogħdija tal-ħwejjeġ

    Bażiku
    No
    Family
    No
    Premium
    Yes

  • Ħlas fix-xahar

    Bażiku
    €95
    Family
    €145
    Premium
    €215

Eżempju fittizju: layout Highlighted column, bil-pakkett Family enfasizzat u ✓ u — bħala simboli.

  • Ċeramika għall-prinċipjanti

    Meta
    It-Tlieta 18:00
    Fejn
    Studio, pjan terran
    Prezz
    €80

  • Fuħħar fuq ir-rota, avvanzat

    Meta
    Il-Ħamis 18:00
    Fejn
    Studio, l-ewwel sular
    Prezz
    €95

  • Workshop ta' tmiem il-ġimgħa

    Meta
    Is-Sibt 10:00
    Fejn
    Studio, pjan terran
    Prezz
    €45

Eżempju fittizju: Card rows, fejn kull ringiela hija kard separata.

X'tista' tissettja f'Table?

Minbarra l-istruttura tad-data, tista' tirfina l-qari u l-enfasi viżwali.

Layout

Classic, Clean, Highlighted column jew Card rows. Tabella ġdida tibda bħala Clean.

Header row

Irrendi l-ewwel ringiela bħala intestatura vera sabiex kull kolonna tkun ċara.

Striped rows u Bordered

Fil-layout Classic: sfondi alternati u borduri sħaħ jew diviżuri aktar diskreti.

Kulur tal-header u tal-enfasi

Taħt Colours: Accent, Dark, Blue, Green, Amber, Custom u, f'Classic, Neutral.

Highlighted column

Agħżel liema kolonna tispikka, bħal pakkett irrakkomandat.

Simboli iva u le

Fil-layouts il-ġodda, ✓ u — jintwerew bħala simboli li jinftiehmu minn screen readers.

Cards on mobile

Clean, Highlighted column u Card rows juru kards fuq mobile; f'Classic ixgħel Cards on mobile.

Caption

Żid sentenza li tispjega x'qed turi t-tabella jew għal liema perjodu tapplika.

Wisa'

Agħżel Readable, Wide jew Full skont kemm spazju teħtieġ id-data.

Meta jkun aħjar blokk ieħor?

Agħżel il-format skont l-istruttura tal-informazzjoni.

Features →

Meta teħtieġ ħarsa rapida lejn ftit benefiċċji ta' importanza simili.

Pricing table →

Meta l-viżitatur għandu jagħżel bejn diversi pakketti u prezzijiet.

Rich text →

Meta l-informazzjoni hija prinċipalment spjegazzjoni, mhux data li tista' titqabbel.

DATA, MHUX DEKORAZZJONI

Tabella tajba ma turix aktar data; tagħmel il-paragun aktar malajr.

Żomm il-kolonni taħt kontroll, agħżel layout adattat u iċċekkja l-qari fuq mobile.

Nibni l-websajt tiegħi →Lura għall-blokki tal-websajt