Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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 在运行时使用DIV包装表_Javascript_Css_Html_Scrollbar - Fatal编程技术网

Javascript 在运行时使用DIV包装表

Javascript 在运行时使用DIV包装表,javascript,css,html,scrollbar,Javascript,Css,Html,Scrollbar,我的第一个问题 给出一张表格: <table id="mytable"> <tr><td>row1 col1</td><td>row1 col2</td></tr> <tr><td>row2 col1</td><td>row2 col2</td></tr> </table> 但它不起作用 知道能不能做到吗?怎么做 提前感谢。

我的第一个问题

给出一张表格:

<table id="mytable">
 <tr><td>row1 col1</td><td>row1 col2</td></tr>
 <tr><td>row2 col1</td><td>row2 col2</td></tr>
</table>
但它不起作用

知道能不能做到吗?怎么做

提前感谢。

您可以使用

$("#yorutable").wrap($("<div />").css("overflow-x":"scroll"));
你可以用

$("#yorutable").wrap($("<div />").css("overflow-x":"scroll"));

普拉蒂克的解决方案具有教育意义,但并非100%正确。如果表是其父项中的最后一项,则它将起作用;否则,它会将表重新排序为最后一个。讲述故事的其余部分

把整个故事放在一起:

var tbl = document.getElementById('yourtable'); 
var parent = tbl.parentNode;
var wrapper = document.createElement('div');
wrapper.style.overflowX="scroll"; 
parent.insertBefore( wrapper, tbl );
wrapper.appendChild(tbl);

普拉蒂克的解决方案具有教育意义,但并非100%正确。如果表是其父项中的最后一项,则它将起作用;否则,它会将表重新排序为最后一个。讲述故事的其余部分

把整个故事放在一起:

var tbl = document.getElementById('yourtable'); 
var parent = tbl.parentNode;
var wrapper = document.createElement('div');
wrapper.style.overflowX="scroll"; 
parent.insertBefore( wrapper, tbl );
wrapper.appendChild(tbl);

请更具体一点!你的目标是什么?要滚动数据吗?还是什么?您还没有指定。Jax,您完成了吗?如果是,则将答案标记为正确,以将问题设置为已解决,如果不是,则请评论进展情况。是。我希望在系统生成的表上具有水平滚动功能。我确实尝试了你在下面给出的代码。工作得很有魅力。非常感谢你!请更具体一点!你的目标是什么?要滚动数据吗?还是什么?您还没有指定。Jax,您完成了吗?如果是,则将答案标记为正确,以将问题设置为已解决,如果不是,则请评论进展情况。是。我希望在系统生成的表上具有水平滚动功能。我确实尝试了你在下面给出的代码。工作得很有魅力。非常感谢你!他需要为此包括
jQuery
,他需要为此包括
jQuery