亲爱的读者,如果你对怎样设置tbody里面的滚动和求教高手如何使用css控制表格主体tbo不是很熟悉,那么你来对了地方。今天我将和大家分享一些关于怎样设置tbody里面的滚动和求教高手如何使用css控制表格主体tbo的知识,希望能够帮助大家更好地理解这个话题。

本文目录一览

怎样设置tbody里面的滚动

以单独做一个滚动条,让滚动条的位置变化时,只显示TBody中指定范围的TR来实现滚动,便有了下面的实现,可以在IE/FF下运行,在滚动条上滚动鼠标轮时可以实现TBody滚动。

<html>
<head>
<title>Untitled</title>
<scripttype="text/javascript"src="jquery-1.3.2.min.js"></script>
<scripttype="text/javascript">
$(function(){
vartable=$('table.scrolltable').each(function(){
var$table=$(this).css('border-collapse','collapse');
var$tbody=$table.find('tbody').eq(0);
varPosition={left:$tbody.position().left+$tbody.outerWidth(),top:$tbody.position().top};

var$scrollbar=$('<div/>').css({'position':'absolute','overflow-y':'auto',left:Position.left,top:Position.top,height:'0px',width:'20px'})
.append($('<div/>'))
.appendTo($table.parent());

返回目录

求教高手,如何使用css控制表格主体(tbody)部分超出指定高度之后显示滚动条?

给tbody加宽度,然后超出再给一个overflow:auto这样超出应该就可以显示滚动条了。

返回目录

如果您觉得本文对您有所帮助,请在文章结尾处点击“顶一下”以表示您的支持。如果您对本文有任何意见或建议,请点击“踩一下”,以便我们改进该篇文章。如果您想了解更多相关内容,请查看文章下方的相关链接。