在表格末尾显示带有空白单元格的行

时间:2018-04-23 16:06:19

标签: javascript jquery

我希望遍历表客户端中的所有行,并在页面加载时在表的末尾显示带有空单元格的行(始终在第3列)。不对任何其他数据或任何点击进行排序以对其进行排序。我不想使用sorttable或tablesorter js,因为它会对指定列上的所有数据进行排序。

任何帮助都将受到高度赞赏。谢谢!

1 个答案:

答案 0 :(得分:0)

您可以使用:empty CSS psuedo-class,它将匹配没有子元素的元素。

此外,您可以应用一些css将该元素移动到行的末尾,具体取决于您的要求。像

这样的东西
<div class="row">
    <div class="elm"></div>
    <div class="elm">Some content</div>
    <div class="elm">Some content</div>
</div>

.elm:empty {
    float: right
}

它会将上述CSS应用于空元素,并将其移动到右侧。

这只是一个例子,实际的答案取决于你的代码库。

  

不对任何其他数据或任何点击进行排序以对其进行排序。

注意:我假设您知道javascript sort()方法,通过将回调传递给sort()函数,您可以使用该方法将空数据移动到列表末尾。