点击调整表格行的排序

原创 2015年11月19日 15:51:37

//下移

function downTopic() {

    var row = $("#trId").closest("tr");

 // Check to see if it is a row
                if (next.is("tr")) {
                    // Move row above previous
                    row.detach();
                    next.after(row);
                    // draw the user's attention to it
                    row.fadeOut();
                    row.fadeIn();

}

}


//上移  
function upTopic() {

 var row = $("#trId").closest("tr");

 var previous = row.prev();
   // Check to see if it is a row
   if (previous.is("tr")) {
       // Move row above previous
       row.detach();
       previous.before(row);
       // draw the user's attention to it
       row.fadeOut();
       row.fadeIn();

}

}

可根据业务需求确定某些值,如修改,新增,删除

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

点击表格拖动排序

  • 2017年11月21日 16:15
  • 77KB
  • 下载

js表格点击表头排序

  • 2014年11月25日 14:18
  • 2KB
  • 下载

java前端easyui中datagrid表格点击表头排序

easyui客户端排序不正确,引用服务端进行排序。

Vue 固定头 固定列 点击表头可排序 表格组件

原理是将原table的指定行,指定列clone一份放在其上 实现代码如下: {{item}} ...

鼠标点击html表格表头实现表格数据自定义排序

/**  * 皮锋  表格数据自定义排序,数据按int(float、string、date)进行升序或降序排列  */ // 排序 tableId: 表的id,iCol:第几列从0开始 ;dataTy...

js实现表格变色点击行颜色改变

js实现表格变色点击行颜色改变 table table { border-top:1px solid black; ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:点击调整表格行的排序
举报原因:
原因补充:

(最多只允许输入30个字)