Question

我正在使用jQuery的datatable插件，我在我的html页面上有一个表，我不想要排序，但是我使用插件对结果进行分页，如果表中没有任何内容，也可以使用verbage。我没有问题使用（“bSort”：false）停止表的排序，但它仍然使表的标题可单击，这对用户来说是令人沮丧的，因为单击时没有变化。这是我正在使用的插件：http://datatables.net/，这是我的HTML：

  <table align="center" id="t1" width="57%">
    <thead>
      <tr>
        <th class="headerClass" width="12%">Type</th>
        <th class="headerClass">Description</th>
        <th class="headerClass" width="3%">Campus</th>
        <th class="headerClass" width="14%">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
      });

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

Answer 1

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

进行排序（参见箭头）： enter image description here 没有排序：

<强>更新

为headerClass定义光标：

#headerClass {
   cursor: default;
}

查看光标样式的this参考。

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

1 个答案: