【问题标题】:Apply class to each row in javascript Datatables将类应用于 javascript Datatables 中的每一行
【发布时间】:2015-10-02 07:25:00
【问题描述】:

我在 modal 中有一个包含数百个项目的表格。每个项目行都与特定的包相关联。所有的包都列在一个页面上,当用户点击“添加项目”时,模式打开并显示所有行。

现在每一行都包含一个与其包相对应的类。我只想显示与该包具有相同类别的那些行。我应用了简单的 jQuery,但该功能仅适用于第一页,其余页面显示所有行。

是否有任何 Datatables 提供的内置函数可用于此目的。

【问题讨论】:

    标签: javascript jquery datatables


    【解决方案1】:

    如果你有这样的数据表:

    var table = $("#myTable").dataTable({ 
       // ... skipped ...
    });
    

    您可以通过使用row() 函数选择它们来编辑其行:

    table
         .row($(':not(.someBag)')
         .remove()
         .draw();
    

    正如您在选择行后看到的,我们可以使用remove() 删除它们并使用draw() 从缓存中重新加载表。 这也会删除其他页面上的行,而不仅仅是您呈现在您面前的行。

    【讨论】:

    • 好的,如果我必须选择没有特定类的行并隐藏它,我该怎么做。抱歉,javascript 不太好。
    • @Epistemologist 好吧,您确实需要一些方法来识别该行。您应该在生成 html 表时为需要选择的每一行添加一个类。之后就很容易选择行了。
    • 好的,感谢您的帮助,让我检查一下这是否有效,我会接受您的回答。
    • @Epistemologist 没问题,很高兴为您提供帮助 :)
    • 如果@Epistemologist 只想显示具有.someBag 类的行,它实际上应该是table.row($(':not(.someBag)').remove.draw()
    猜你喜欢
    • 1970-01-01
    • 2019-09-08
    • 1970-01-01
    • 1970-01-01
    • 2013-03-18
    • 2014-04-30
    • 1970-01-01
    • 2021-10-04
    • 2018-06-06
    相关资源
    最近更新 更多