知识大全用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例

Posted 2022-07-20 知

篇首语：知识是使人类快乐的主要因素之一。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例相关的知识，希望对你有一定的参考价值。

用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　先上效果图

　　CSS:

复制代码代码如下: bodymargin: px;padding: px; moz user select:none;cursor:default;

　　 tabEditDivposition:absolute;width: px;height: px;cursor:pointer; seltabposition:absolute;width: px;height: px;cursor:pointer;background:url(images/seltab gif) no repeat; splitxoverflow:hidden;position:absolute;height: px;cursor:row resize;background:red !important;filter:Alpha(opacity= ); moz opacity: ;opacity: ; splityoverflow:hidden;position:absolute;width: px;cursor:col resize;background:red !important;filter:Alpha(opacity= ); moz opacity: ;opacity: ; #tabletitlefont weight:bold;font size: px;height: px;width: px;margin: auto;text align:center;font family:宋体;line height: px; #tabletitle inputwidth: %;border: px;height: px;line height: px;text align:center;font weight:bold;font size: px;font family:宋体; finelinetableborder right: px solid # ;border top: px solid # ;border collapse:collapse;font size: px;width: px;margin: auto; finelinetable tdborder left: px solid # ;border bottom: px solid # ;height: px;

　　HTML:

复制代码代码如下: <body> <div id="tabletitle">表格标题</div> <table id="mainTable" > <tr> <td colspan=" "> </td> </tr> <tr> <td rowspan=" "> </td> <td> </td> <td colspan=" "> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td colspan=" "> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td colspan=" "> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td colspan=" "> </td> </tr> <tr> <td rowspan=" "> </td> <td> </td> <td colspan=" "> </td> <td> </td> <td colspan=" "> </td> </tr> <tr> <td> </td> <td colspan=" "> </td> <td> </td> <td colspan=" "> </td> </tr> <tr> <td > </td> <td colspan=" " > </td> <td > </td> <td colspan=" " > </td> </tr> <tr> <td> </td> <td colspan=" "> </td> </tr> <tr> <td colspan=" "> </td> <td colspan=" "> </td> </tr> <tr> <td colspan=" "> </td> <td colspan=" "> </td> </tr> <tr> <td colspan=" "> </td> <td colspan=" "> </td> </tr> </table> </body>

　　JS:

复制代码代码如下: cha138/Article/program/Java/JSP/201311/20660

知识大全 用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例

知识大全用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例