ఎలా సృష్టించాలి: రెస్పాంసివ్ టేబుల్

రెస్పాంసివ్ టేబుల్ సృష్టించడానికి తెలుసుకోండి.

రెస్పాంసివ్ టేబుల్

స్క్రీన్ చిన్నది అయితే, మొత్తం విషయాలను చూపించలేదు, రెస్పాంసివ్ టేబుల్ అడుగు రోలింగ్ బార్నిస్స్ చూపుతుంది.

బ్రౌజర్ విండో పరిమాణాన్ని మార్చండి ప్రభావాన్ని చూడండి:

ప్రథమ పేరు పొలికీ పేరు 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

రెస్పాంసివ్ టేబుల్ సృష్టించడానికి, <table> చుట్టూ ఒక కంటెయినర్ జోడించండి overflow-x:auto యొక్క కంటెయినర్ ఎలమెంట్:

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

స్వయంగా ప్రయత్నించండి

గమనిక:ఒప్పందికి పెంటిక్కోన్స్ట్రాక్ట్ లోని రోలింగ్ బార్నిస్స్ డిఫాల్ట్లీ స్క్రీన్ హైడ్ చేయబడింది, మాత్రమే ఉపయోగించినప్పుడు చూపుతుంది (కానీ "overflow:scroll" లేదా auto సెట్ చేసినప్పుడు).

相关页面

教程:CSS 表格