html tablosu sabit yükseklik?

Question

DB'den dinamik olarak kayıtları gösteren bir tablom var. Sadece tablonun yüksekliğini düzeltmem gerekiyor, böylece tablo çok sayıda satır varsa, tablo içinde aşağı doğru bir kaydırma penceresi oluyor. Bu yüzden kullanıcı tüm sayfayı kaydırmaya gerek duymaz mı?

Bu mümkün mü? peşin

Teşekkür ...

Answer 1

Bunun bir çözümü sizinle stil özelliğini kullanmak <table>, çevredeki bir <div> -layer kullanmak olacaktır: Örnek olarak overflow: auto; max-height: (whatever height you want here)

:

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

Bu, yükseklikte büyüyebilen bir tablo oluşturur, ancak div katmanında kısıtlanacaktır ve içerik daha büyük büyüdüğünde otomatik olarak kaydırma çubukları alırsınız han 400px. Eğer olacak,

<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>