टेबल ऊंचाई को कैसे ठीक करें?

Question

मैं टेबल ऊंचाई को 600px तक ठीक करना चाहता हूं, अगर सामग्री लंबी हो जाती है।

Answer 1

एक div टैग के भीतर तालिका लपेटकर, और div तो तरह के सीएसएस गुण सेट करके देखें:

div.tablewrapper { 
    height: 600px; 
    overflow-y: auto; 
} 

यह एक स्क्रॉलबार दिखाई देते हैं मेज की ऊंचाई 600 पिक्सल से अधिक कर देगा। यदि आप ऊंचाई को 600px पर हमेशा मजबूर नहीं करना चाहते हैं, तो तालिका उस स्थान को लेने के लिए बहुत छोटा है, लेकिन इसके बजाय बस 600px अधिकतम होना चाहिए, height के बजाय max-height का उपयोग करें।

Answer 2

div.tablewrapper { 
    height: 600px; 
    overflow-y:hidden; 
} 

एक पेज सटीक 600px ऊंचाई के रूप में ठीक करने के लिए ..

Answer 3

नीचे नमूना कोड देखें इस काम करता है ..

<div style="height:100px; overflow:auto;"> 
<table> 
    <tr> 
     <td>sad<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /><br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
asd<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 

</td> 
</tr> 
</table> 
</div>