（Html table ）大伙儿有没有做过表格可拉伸的效果
（Html table ）大家有没有做过表格可拉伸的效果。
需求是这样的，当表格中的文字过长时，此列可以向右拉伸，展示文字。拉伸时可以覆盖右边的列。
我知道有很多控件可以达到这个效果，但是一般控件样式都太丑了，所以不想用控件，大家有没有写过表格可以拉伸的代码，求参考价。
------解决思路----------------------
通过div绝对定位呗，没法用table
------解决思路----------------------
大致的意思就是点击表格之后产生一个button，然后点击button调用函数，函数的功能是让表格所在的行增加一个td，并且设置之前的表格colspan=2。
代码参考就可以了，应该不能实现
需求是这样的，当表格中的文字过长时，此列可以向右拉伸，展示文字。拉伸时可以覆盖右边的列。
我知道有很多控件可以达到这个效果，但是一般控件样式都太丑了，所以不想用控件，大家有没有写过表格可以拉伸的代码，求参考价。
------解决思路----------------------
通过div绝对定位呗，没法用table
------解决思路----------------------
<html>
<head>
<title></title>
<script src="script/jquery-1.11.2.min.js"></script>
<script type='text/javascript'>
$(function(){
$("#ttable tr td").one("click",function(e){
var $adiv=$("<div><input type='button' value='增加表格' id='btn' /><div>");
$("#btn").click(function(){
$(e).parent().append("<td><td>").attr("colspan","2"); //在这个部分出现了问题，但是一定是可行的
});
$(this).append($adiv);
});
});
</script>
</head>
<body>
<table id='ttable'>
<tr><td>one</td><td>two</td><td>three</td></tr>
</table>
</body>
</html>
大致的意思就是点击表格之后产生一个button，然后点击button调用函数，函数的功能是让表格所在的行增加一个td，并且设置之前的表格colspan=2。
代码参考就可以了，应该不能实现