关于非排序 jQuery 数据表的问题

Posted 2023-05-07

【中文标题】关于非排序 jQuery 数据表的问题

【英文标题】：Question about a non-sorting jQuery Datatable

【发布时间】：2011-09-01 20:31:39

【问题描述】：

我正在使用 jQuery 的数据表插件，我的 html 页面上有一个我不想排序的表格，但我正在使用该插件对结果进行分页，并且如果表格中没有任何内容，也有空话。使用 ("bSort": false) 阻止表格排序没有问题，但它仍然使表格的标题可点击，这可能会让用户感到沮丧，因为点击时没有任何变化。这是我正在使用的插件：http://datatables.net/，这是我的 HTML：

  <table align="center" id="t1" >
    <thead>
      <tr>
        <th class="headerClass" >Type</th>
        <th class="headerClass">Description</th>
        <th class="headerClass" >Campus</th>
        <th class="headerClass" >Date </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="normal"><%=lostFound%></td>
        <td class="normal"><%=lostDesc%></td>
        <td class="normal"><%=lostLoc%></td>
        <td class="normal"><%=lostDate%></td>
      </tr>
    </tbody>
  </table>

这是我的 jS：

  var $t1 = $("#t1");
    $t1.dataTable(
      "bSort": false, 
      "oLanguage" : bsLfReq.O_LANGUAGE, 
      "bLengthChange": false, 
      "bFilter": false, 
      "bAutoWidth": false, 
      "iDisplayLength": 3, 
      "bInfo": false
      );

所以基本上我希望表格仍然使用数据表插件，但没有可点击的标题。这可能吗？

【问题讨论】：

你应该提到你使用这个插件的jQuery --> datatables.net

【参考方案1】：

我尝试重新创建您的场景。检查此jsfiddle。 对我来说，通过 "bSort" : false 停用排序就像一个魅力。

带排序（见箭头）： 不排序：

更新：

为你的headerClass定义一个光标：

#headerClass 
   cursor: default;

查看this 参考以了解光标样式。

【讨论】：

对，但与那个小提琴不同，我可以让排序消失，但标题仍然是可点击的。我正在使用 IE，如果这有影响的话。

“可点击”是什么意思。手是否出现并且单击没有任何反应，或者它真的有效吗？

是的，手会出现，并允许用户点击，但什么都不会发生。抱歉，我应该解释得更好，哈哈。

哇，不知道它到底是如何工作的，但有它的更新。非常有趣，谢谢！

请查看CSS tutorial，以更好地了解您可以使用 CSS 做什么。