js操作table行的上下移动，置顶置底_Axure8元件库资源下载资源-CSDN文库

共2个文件

js：1个

html：1个

table

需积分: 43 13 浏览量 2017-11-06 10:37:26 上传评论收藏 4KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

jstable.rar （2个子文件）

jstablex.html 3KB

jstable.js 8KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">  <head> <style type="text/css">  </style> <script type="text/javascript" src="jstable.js"></script> <script type="text/javascript"> </script> </head> <body> <table id="table1" name="table1" bordercolor="#000000" width="700px" border="1" class="tablelist"> <thead> <tr height="30px" > <th width="20px"> </th> <th width="20px"> </th> <th>000000000000000000</th> </tr> </thead> <tbody> <tr height="30px" id="otr" name="otr" class="other" onclick="poi.changeBackColor(this);"> <td width="20px">0</td> <td width="20px">1</td> <td>0AAAAAAAAAA0</td> </tr> <tr height="30px" id="otr" name="otr" class="other" onclick="poi.changeBackColor(this);"> <td width="20px">0</td> <td width="20px">2</td> <td>0BBBBBBBBBB0</td> </tr> <tr height="30px" id="otr" name="otr" class="other" onclick="poi.changeBackColor(this);"> <td width="20px">0</td> <td width="20px">3</td> <td>0CCCCCCCCCC0</td> </tr> <tr height="30px" id="otr" name="otr" class="other" onclick="poi.changeBackColor(this);"> <td width="20px">0</td> <td width="20px">4</td> <td>0DDDDDDDDDD0</td> </tr> <tr height="30px" id="otr" name="otr" class="other" onclick="poi.changeBackColor(this);"> <td width="20px">0</td> <td width="20px">5</td> <td>0EEEEEEEEEEE0</td> </tr> <tr height="30px" id="otr" name="otr" class="other" onclick="poi.changeBackColor(this);"> <td width="20px">0</td> <td width="20px">6</td> <td>0FFFFFFFFFFFF0</td> </tr> </tbody> </table> <br><br> <input type="button" name="moveup" onclick="poi.moveRowUp();" value="↑" /> <input type="button" name="movedown" onclick="poi.moveRowDown();" value="↓" /> <input type="button" name="movetop" onclick="poi.moveRowTop();" value="TOP" /> <input type="button" name="movebottom" onclick="poi.moveRowBottom();" value="BOTTOM" /> <script type="text/javascript"> var poi; window.onload=function(){ poi = tableOPI(document.getElementById("table1")); poi.setRowIndexColNum(1);//第一列显示行号 poi.setBackColorClass("other","other2");//非选中,选中样式 poi.unselectedCallBack = function() { alert("请选择要移动的行！"); }; poi.resetRowIndex(); }; </script> </body> </html>

评论收藏

内容反馈