Paano gumawa: responsibong talahanayan

Matututunan kung paano gumawa ng responsibong talahanayan.

Responsibong talahanayan

Kung maliit ang screen, at hindi maaaring ipakita ang buong nilalaman, ang responsibong talahanayan ay magpapakita ng horizontal na scrollbar.

Isaugalin ang laki ng window ng browser upang makita ang epekto:

Unang pangalan Huling pangalan Points Points Points Points Points Points Points Points Points Points Points Points Points Points Points Points Points Points Points
Jill Smith 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50
Eve Jackson 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94
Adam Johnson 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67

Upang gumawa ng isang responsibong talahanayan, magdagdag ng isang nakakabit sa labas ng <table> na naglalaman ng overflow-x:auto ang elemento ng konteyner:

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

Subukan nang personal!

Babala:Sa OS X Lion (Mac sa likod), ang scrollbar ay kasadyang nakahitungan, nagpapakita lamang kapag ginagamit (kahit na naka-set ang "overflow:scroll" o auto).

相关页面

教程：CSS 表格