点击调整表格行的排序

原创 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();

}

}

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

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

javascript实现的拖动表格行排序

 html>head>    title>拖动行测试title>    script language="javascript">            var beginMoving=false; ...
  • raul_qu
  • raul_qu
  • 2007年12月26日 20:30
  • 2588

原生JS表格行拖动排序,添加了回调功能

function tableDnD(el, callback) { if (typeof (el) == "string") { el = document.getElemen...
  • apollokk
  • apollokk
  • 2015年11月14日 14:07
  • 1535

html table表头排序功能

无标题文档 *{font-family:Arial, Helvetica, sans-serif;font-size:14px;border:none;} body{text-align:ce...
  • lyd518
  • lyd518
  • 2014年03月05日 17:45
  • 6434

JS 点击标题进行排序

JS 点击标题进行排序,有图片前后的对比。
  • u012303775
  • u012303775
  • 2016年08月17日 15:33
  • 1786

MVC显示表格,点击列头可以排序

前台: ...
  • YiQiJinBu
  • YiQiJinBu
  • 2016年08月31日 15:03
  • 1004

web中table表格点击表头排序

web中table表格点击表头排序
  • baidu_25310663
  • baidu_25310663
  • 2015年05月22日 20:13
  • 1137

点击表格获取表格行或列索引

参考ASP.NET MVC的视图:   此段html将产生一个表格table。 现在我们需要实现,点击表格时,获取点击行的索引或是所在行的列索引。 行索引:   ...
  • fengyuzhiren
  • fengyuzhiren
  • 2017年03月08日 20:23
  • 1059

jQuery实现表格行点击选中复选框

$(".list tr").each(function(){      $(this).children().click(function(e){          $(e.target).par...
  • xzlizha
  • xzlizha
  • 2014年10月22日 11:53
  • 2477

js拖动table行tr排序

实现手动拖动html table中的行(tr)进行排序. HTML 需要引入jquery和jquery ui的js文件 table id="sort" class="grid" ...
  • wlchn
  • wlchn
  • 2015年12月15日 17:52
  • 3342

前端笔试题笔记:在HTML中实现table表头点击升序/降序排序

题目:如下图,请实现表格信息的排序功能,当点击表头的属性区域,将表格信息进行排序切换功能,即第一次点击为降序排序,再一次点击进行升序排序。...
  • ldldong
  • ldldong
  • 2015年04月06日 12:04
  • 4825
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:点击调整表格行的排序
举报原因:
原因补充:

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