爱学记
table单元格间距怎么设置 用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
先上效果图
CSS:
复制代码 代码如下: body{margin: px;padding: px; moz user select:none;cursor:default;}tabEditDiv{position:absolute;width: px;height: px;cursor:pointer;} seltab{position:absolute;width: px;height: px;cursor:pointer;background:url(images/seltab gif) no repeat;} splitx{overflow:hidden;position:absolute;height: px;cursor:row resize;background:red !important;filter:Alpha(opacity= ); moz opacity: ;opacity: ; } splity{overflow:hidden;position:absolute;width: px;cursor:col resize;background:red !important;filter:Alpha(opacity= ); moz opacity: ;opacity: ;} #tabletitle{font weight:bold;font size: px;height: px;width: px;margin: auto;text align:center;font family:宋体;line height: px;} #tabletitle input{width: %;border: px;height: px;line height: px;text align:center;font weight:bold;font size: px;font family:宋体;} finelinetable{border right: px solid # ;border top: px solid # ;border collapse:collapse;font size: px;width: px;margin: auto;} finelinetable td{border left: px solid # ;border bottom: px solid # ;height: px;}
HTML:
复制代码="finelinetable page_speeder_1466823030 page_speeder_1466823030 page_speeder_1466823030 page_speeder_1466823030"> 代码如下: <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:
复制代码 代码如下: lishixinzhi/Article/program/Java/JSP/201311/20660
微信收款码
支付宝收款码