Question

我正在使用thymeleaf，我希望使用Javascript或Jquery根据它的值移动我的表行。如果值为“BAD”，则从当前表中删除该行并将该行移动到坏表。我没有桌上的课，因为compile 'com.google.android.gms:play-services-auth:8.3.0'是使用百里香叶foreach动态插入的：迭代。

是否有可能完成所有这些操作？

Image to show

我试图复制并删除第一列中值为“BAD”的所有行，然后将其插入到另一个表中，但我在编写查找第一个值的脚本时遇到问题。

HTML

<TD>

Answer 1

像你一样使用静态表并不是一个好习惯。

我会建议几个选项。我个人的选择是使用angularjs并使用ngRepeat指令迭代您的数据数组并生成HTML表。以下是您的起点：https://docs.angularjs.org/api/ng/directive/ngRepeat

另一种选择是，如果您被限制使用jquery，则可以先对数据进行排序

这是一个很好的例子：How to sort an array of objects with jquery or javascript

然后在你的javascript中迭代它，并以某种方式添加基于BAD标志的行：

$("#table").append("<tr><td>"+blah+"</td></tr>");

Answer 2

首先，您的HTML格式不正确。你不能（不应该）在几个地方重用ID。然后使用CLASS。

将这些内容添加到<head>：

<link href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
<script src="//code.jquery.com/jquery-1.12.3.js" type="text/javascript"></script>
<script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js" type="text/javascript"></script>

最后，在</body>：

之前

<script>
$(document).ready(function() {
  $('table').DataTable({
    "order": [[0, "asc"]]
  });
});
</script>

现在，$('table').DataTable会告诉所有<table>格式正确并在第一列上升序排序。

有关如何使用DataTables的更多信息：visit this site。

<强>更新

我的不好，忘了添加{}拥抱选项。完整的Plunker测试：https://plnkr.co/O1iedtYw4e8YpvlgPEcu

如何根据其值将Thymeleaf HTML表行移动到另一个表？

2 个答案: