【问题标题】:Ordered Column's cell is not highlighted in the JQuery Datatable有序列的单元格未在 JQuery 数据表中突出显示
【发布时间】:2019-11-13 01:03:57
【问题描述】:

当我选择一行时,有序列的单元格没有突出显示,如下所示。例如,在我的代码中

  "order": [[0,"desc"],[ 1, "desc" ],[ 7, "desc" ]],

7. 索引列是创建日期,当我单击一行时,它没有突出显示(如第 0 列和第 1 列)

0、1 和 7th 索引列的单元格不能被选中,如果我从 order 中删除这些索引:[] 那么它们是可选的。

当我单击列标题进行排序时,该单元格直接变为未突出显示。据我了解,无法突出显示有序列。选择行时如何突出显示第 7 列?

更新:

我打开了源代码,你可以看到选中行的html代码。

可以看出,有序列具有类名。当我删除课程时,一切正常。所以我不想改变类或css。有什么办法吗?

【问题讨论】:

    标签: javascript datatables highlight columnsorting


    【解决方案1】:

    我怀疑问题出在您装饰选定行的方式上。如果您碰巧将 selected 类分配给 <td> 而不是 <tr> 并使用了一些不正确的选择器,则可能会出现类似的问题。

    要解决该问题,请确保在选择时将 selected 类分配给 <tr>

    【讨论】:

    • 感谢您的回答。我已根据您的回答更新了问题。
    • 您是使用 DataTables 选择扩展还是自己实现该功能?如果是后者,请分享相应的代码。您还可以分享您用于装饰选定行(单元格)的 CSS 部分吗?
    • 我既不使用扩展也不使用我自己的 css。我打开了 plugins.min.css 并找到了 class_3 并删除了背景颜色,它起作用了.. 但我正在寻找一种禁用这个东西的配置。
    • 你能否让我更清楚一点:你想通过修改 plugins.min.css 来实现什么?您能否显示更广泛的代码上下文,因为我仍然不清楚您是如何准确地选择 selected 行。
    • le.dataTable th.sorting_3{background:#fbfcfd!important}.paging_bootstrap_extended{margin:5px 0 0!important;例如在这里,当我删除颜色代码或“重要”时,我选择的行(通过鼠标)突出显示。我想我会删除重要的关键字和它的罚款。谢谢
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-06-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-25
    • 2018-03-12
    • 1970-01-01
    相关资源
    最近更新 更多