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