【问题标题】:jQuery DataTables Not Sorting ProperlyjQuery DataTables 未正确排序
【发布时间】:2015-12-03 22:06:41
【问题描述】:

我有一个 7 列的 jQuery 数据表。第 6 列包含字符串数据并且是可排序的,但它不会正确排序。其余的列排序就好了。

有没有人遇到过这样的 jQuery 数据表问题?我找不到解决方案。 =(

例子:

$(document).ready(function() {
    $('#example').DataTable( {
      "bJQueryUI" : true,
	  "sPaginationType" : "full_numbers",
	  "aLengthMenu" : [ [ 5, 15, 25, 50 ], [ 5, 15, 25, 50 ] ],
	  "iDisplayLength" : 15,
      "oLanguage" : {
		"sEmptyTable" : "empty"
	  },
  	  "aoColumnDefs" : [ 
         { "bSortable" : false, "aTargets" : [ 0 ] },
   	  ]
    } );
} );
<table id="example">
<tr><td>DER</td></tr>
<tr><td>DER</td></tr>
<tr><td>DER</td></tr>
<tr><td>DER</td></tr>
<tr><td>DER</td></tr>
<tr><td>DER</td></tr>
<tr><td>Carl [org][c]org/org</td></tr>
<tr><td>DER</td></tr>
<tr><td>DER</td></tr>
<tr><td>DER</td></tr>
<tr><td>DER</td></tr>
<tr><td>DER</td></tr>
<tr><td>DER</td></tr>
<tr><td>DER</td></tr>
</table>

【问题讨论】:

  • 但它不能正确排序” - 怎么回事?
  • 你想按字母排序,对吧?

标签: javascript jquery sorting datatable


【解决方案1】:

我认为这里可以正常工作。

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">

</head>
<body>
      <table id="example">
    <tr><td>DER</td></tr>
    <tr><td>DER</td></tr>
    <tr><td>DER</td></tr>
    <tr><td>DER</td></tr>
    <tr><td>DER</td></tr>
    <tr><td>DER</td></tr>
    <tr><td>Carl [org][c]org/org</td></tr>
    <tr><td>DER</td></tr>
    <tr><td>DER</td></tr>
    <tr><td>DER</td></tr>
    <tr><td>DER</td></tr>
    <tr><td>DER</td></tr>
    <tr><td>DER</td></tr>
    <tr><td>DER</td></tr>
  </table>


  <script type="text/javascript">
    $(document).ready(function() {
      $('#example').DataTable( {
        "bJQueryUI" : true,
        "sPaginationType" : "full_numbers",
        "aLengthMenu" : [ [ 5, 15, 25, 50 ], [ 5, 15, 25, 50 ] ],
        "iDisplayLength" : 15,
        "oLanguage" : {
                          "sEmptyTable" : "empty"
                          },
        "aoColumnDefs" : [
           { "bSortable" : false, "aTargets" : [ 0 ] },
        ]
      } );
    } );

  </script>
</body>
</html>

当我运行它时,我在第一行得到“Carl [org][c]org/org”,而其他行则用“DER”填充。如果这不是正确的方式,您能在这里定义“正确”吗?

我猜你在这里缺少 cdn 或其他东西。希望这会有所帮助!

【讨论】:

  • 这里可以加sn-p吗?
猜你喜欢
  • 2012-04-30
  • 2021-01-20
  • 1970-01-01
  • 2016-05-02
  • 2017-06-20
  • 2014-08-30
  • 2015-03-12
  • 1970-01-01
  • 2017-08-04
相关资源
最近更新 更多