एचटीएमएल टेबल निश्चित ऊंचाई?

Question

मेरे पास एक सारणी है जो डीबी से गतिशील रूप से रिकॉर्ड दिखाती है। मुझे बस टेबल की ऊंचाई को ठीक करने की आवश्यकता है, ताकि तालिका में बड़ी संख्या में पंक्तियों के साथ तालिका में स्क्रॉलिंग विंडो नीचे हो। ऐसा इसलिए है कि उपयोगकर्ता को पूरे पृष्ठ को स्क्रॉल करने की आवश्यकता नहीं है?

क्या यह संभव है ...?

अग्रिम धन्यवाद ...

Answer 1

इस के लिए एक समाधान <table>, जहाँ आप के साथ शैली-विशेषता का उपयोग आसपास के एक <div> परत का उपयोग करने के होगा: एक उदाहरण के रूप overflow: auto; max-height: (whatever height you want here)

:

<div id="mainHolder" style="overflow: auto; max-height: 400px;"> 
    <table> 
    ... Lots of data ... 
    </table> 
</div> 

यह एक टेबल तैयार करेगा जो ऊंचाई में बढ़ सकता है, लेकिन इसे div-layer में संयोजित किया जाएगा, और जब सामग्री बड़ी हो जाती है तो आपको स्वचालित रूप से स्क्रॉलबार मिलेंगे हन 400px। आप करेंगे

<script type="text/javascript"> 
window.onresize = doResize; 

function doResize() { 
    var h = (typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight) - 20; 
    $('#mainHolder').css('max-height', h); 
    $('#mainHolder').css('height', h); 
}; 

$(document).ready(function() { doResize(); }); 
</script>