【问题标题】:Drag and drop to arrange table row order in angularjs拖放以在angularjs中排列表格行顺序
【发布时间】:2015-03-14 17:37:26
【问题描述】:

我正在使用 angularjs 并且有一个简单的表格。我使用以下代码

<table id="searchObjResults">
  <tr><th>Name</th><th>Phone</th></tr>
  <tr ng-repeat="friendObj in friends | filter:search:strict">
    <td>{{friendObj.name}}</td>
    <td>{{friendObj.phone}}</td>
  </tr>
</table>

是否有任何简单的方法可以让用户在列表中排列行。用户实际上想要打印出表格,并希望在打印的纸上按要求的方式排列行。

【问题讨论】:

  • 您需要为其编写自定义代码或制作自己的指令。

标签: javascript angularjs


【解决方案1】:

您可以定义自己的指令或使用下面链接中讨论的一些第三方插件,

Drag drop table rows

Github third party plugin for drag drop

【讨论】:

  • 我试图模拟 jsfiddle.net/9z4zn9uz 中的 jsfiddle。由于某种原因,我不能拖放。我也在我的网站上试过,我不能移动行!
  • 我比较了js fiddles,似乎该功能仅适用于Jquery 1.8.3及以下版本,您使用的是2.1.0。我会尝试寻找其他解决方案。快速修复是使用 v1.8.3
猜你喜欢
  • 2013-09-08
  • 2014-08-25
  • 2012-06-19
  • 1970-01-01
  • 1970-01-01
  • 2010-12-28
  • 2012-05-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多