Javascript 如何仅为表格创建滚动条';谁的身体?
下面是一个例子,我只想为表格主体创建一个滚动条。的确,它是有效的,但我在这里使用像素而不是百分比scrolify($('tblneedscrolling'),700)。并将表格限制在绿色框架内 你能帮我吗 提前谢谢Javascript 如何仅为表格创建滚动条';谁的身体?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,下面是一个例子,我只想为表格主体创建一个滚动条。的确,它是有效的,但我在这里使用像素而不是百分比scrolify($('tblneedscrolling'),700)。并将表格限制在绿色框架内 你能帮我吗 提前谢谢 函数scrolify(tblAsJQueryObject,高度){ var oTbl=tblAsJQueryObject; //对于非常大的表,可以删除下面的四行 //并在标记和分配中用 //高度和溢出特性 var oTblDiv=$(“”); oTblDiv.css(“高度”,高
函数scrolify(tblAsJQueryObject,高度){
var oTbl=tblAsJQueryObject;
//对于非常大的表,可以删除下面的四行
//并在标记和分配中用
//高度和溢出特性
var oTblDiv=$(“”);
oTblDiv.css(“高度”,高度);
css('overflow','scroll');
oTbl.包装(oTblDiv);
//保存原始宽度
oTbl.attr(“数据项原始宽度”,oTbl.width());
oTbl.find('thead tr td')。每个(函数(){
$(this.attr(“数据项原始宽度”,$(this.width());
});
oTbl.find('tbody tr:eq(0)td')。每个(函数(){
$(this.attr(“数据项原始宽度”,$(this.width());
});
//克隆原始表
var newTbl=oTbl.clone();
//从原始表格中删除表格标题
oTbl.find('thead tr').remove();
//从新表中删除表体
newTbl.find('tbody tr').remove();
oTbl.parent().parent().prepend(newTbl);
新包装(“”);
//替换原始列宽
newTbl.width(newTbl.attr('data-item-original-width');
newTbl.find('thead tr td')。每个(函数(){
$(this.width($(this.attr(“数据项原始宽度”));
});
oTbl.width(oTbl.attr('data-item-original-width');
oTbl.find('tbody tr:eq(0)td')。每个(函数(){
$(this.width($(this.attr(“数据项原始宽度”));
});
}
$(文档).ready(函数(){
scrolify($('tblneedscrolling'),700)//700px是高度,他的建议是正确的,添加了“溢出:滚动;”来创建所需的滚动条
很抱歉,我以前的基于引导的回答无法满足您的需要。如果我正确理解您的问题,我认为您最好查看stackoverflow帖子。祝您好运!您是否尝试过css属性“overflow:scroll;”?我想你在找这个,这正是我在找的,谢谢!@Sagar你能帮我吗:,我想让它平均分配列之间的空间。我只想让行对齐最宽(标题或行),滚动正在工作啊,好吧。如果你决定使用引导,你可以通过在
标记中添加class=“table”
来实现这一点和一个很好的布局。祝你好运!我很抱歉有点匆忙谢谢你的注意:)我使用了引导,但这禁用了滚动,我怎么能同时使用这两个呢?