CSS Moslashuvchan Jadval

Moslashuvchan Jadval

Moslashuvchan jadval, ekran juda kichik bo'lsa va to'liq mazmunni ko'rsatish uchun joy bo'lmasa, gorizontal aylantirish panelini ko'rsatadi:

Ism	Familiya	Ball	Ball	Ball	Ball	Ball	Ball	Ball	Ball	Ball	Ball	Ball
Jill	Smith	50	50	50	50	50	50	50	50	50	50	50
Eve	Jackson	94	94	94	94	94	94	94	94	94	94	94
Adam	Johnson	67	67	67	67	67	67	67	67	67	67	67

Jadval elementining atrofida gorizontal aylantirish uchun <div> kabi konteyner elementini overflow-x:auto xususiyati bilan qo'shing:

Misol

<div style="overflow-x:auto;">
  <table>
    ... jadval mazmuni ...
  </table>
</div>

Eslatma

OS X Lion (Mac) da, aylantirish panellari standart bo'yicha yashirin bo'ladi va faqat ishlatilganda ko'rsatiladi (hatto "overflow:scroll" o'rnatilgan bo'lsa ham).

Boshqa Misollar

Qiziqarli Jadval Yaratish

Ushbu misol qiziqarli jadval yaratishni ko'rsatadi.

Jadval Sarlavhasining O'rnini Belgilash

Ushbu misol jadval sarlavhasining o'rnini belgilashni ko'rsatadi.

CSS Jadval Xususiyatlari

Xususiyat	Ta'rif
`border`	Birinchi deklaratsiyada barcha chegara xususiyatlarini belgilaydi
`border-collapse`	Jadval chegara chegaralarining birlashishi kerakligini belgilaydi yoki yo'qligini belgilaydi
`border-spacing`	Yaqin hujayralar chegara orasidagi masofani belgilaydi
`caption-side`	Jadval sarlavhasining joylashuvini belgilaydi
`empty-cells`	Jadvalda bo'sh hujayralarda chegara va fonni ko'rsatish kerakligini belgilaydi
`table-layout`	Jadval uchun ishlatiladigan tartib algoritmini belgilaydi

CSS Moslashuvchan Jadval