Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何仅为表格创建滚动条';谁的身体?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何仅为表格创建滚动条';谁的身体?

Javascript 如何仅为表格创建滚动条';谁的身体?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,下面是一个例子,我只想为表格主体创建一个滚动条。的确,它是有效的,但我在这里使用像素而不是百分比scrolify($('tblneedscrolling'),700)。并将表格限制在绿色框架内 你能帮我吗 提前谢谢 函数scrolify(tblAsJQueryObject,高度){ var oTbl=tblAsJQueryObject; //对于非常大的表,可以删除下面的四行 //并在标记和分配中用 //高度和溢出特性 var oTblDiv=$(“”); oTblDiv.css(“高度”,高

下面是一个例子,我只想为表格主体创建一个滚动条。的确,它是有效的,但我在这里使用像素而不是百分比scrolify($('tblneedscrolling'),700)。并将表格限制在绿色框架内

你能帮我吗

提前谢谢

函数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”
来实现这一点和一个很好的布局。祝你好运!我很抱歉有点匆忙谢谢你的注意:)我使用了引导,但这禁用了滚动,我怎么能同时使用这两个呢?