DataTables - 不区分大小写的排序

时间:2016-10-25 14:22:44

标签: jquery datatable datatables

我有这个数据表定义

 $(document).ready(function(){
                $('[data-toggle="tooltip"]').tooltip();
                var table = $('#producersTableId').DataTable({
                    "dom": '<"top">rt<"bottom"lp><"clear">',
                    "autoWidth": false,
                    "order": [[1, 'asc']],
                    "columnDefs": [
                        {"targets": [0], "width": '25%'},
                        {"targets": [1], "width": '40%'},
                        {className: "dt-body-center" , "targets": [2], "width": '5%'},
                        {className: "dt-body-center" , "targets": [3], "width": '30%'},                        
                    ]                    
                });
                table.columns().every( function () {
                    var that = this;
                    $( 'input', this.header() ).on( 'keyup change', function () {
                        if ( that.search() !== this.value ) {
                            that
                                .search( this.value )
                                .draw();
                        }
                    } );
                } );
            });

"order": [[1, 'asc']],选项中是否有一种方法可以忽略顺序中的大小写(不区分大小写的排序)?

2 个答案:

答案 0 :(得分:0)

请参阅https://datatables.net/forums/discussion/38495http://live.datatables.net/qobihina/1/edit。代码来自

上的示例
Please see https://datatables.net/forums/discussion/38495 and http://live.datatables.net/qobihina/1/edit. The code is from an example on 

/* JAVASCRIPT */
$(document).ready( function () { var table = $('#example').DataTable(); } );

/* HTML */
<table id="example" class="display nowrap" width="100%">
    <thead> 
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
         </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>b</td>
            <td>System Architect</td>
            <td>Edinburgh</td>
            <td>61</td>
            <td>2011/04/25</td>
            <td>$3,120</td>
        </tr>
        <tr>
            <td>B</td>
            <td>Director</td>
            <td>Edinburgh</td>
            <td>63</td>
            <td>2011/07/25</td>
            <td>$5,300</td>
        </tr>
        <tr>
            <td>A</td>
            <td>Technical Author</td>
            <td>San Francisco</td>
            <td>66</td>
            <td>2009/01/12</td>
            <td>$4,800</td>
        </tr>
        <tr>
            <td>a</td>
            <td>Javascript Developer</td>
            <td>Edinburgh</td>
            <td>22</td>
            <td>2012/03/29</td>
            <td>$3,600</td>
        </tr>
    </tbody>
</table>

答案 1 :(得分:0)

我知道我很久以后才在挖掘它。但是面临同样的问题。 您共享的链接可以正常工作。但是,如果我尝试仅替换名称并尝试排序 顾名思义,它不区分大小写。 :( 链接:http://live.datatables.net/qobihina/75/edit 不知道此链接是否包含具有我已替换名称的数据。因此将数据粘贴到下面。

<tbody>
          <tr>
            <td>roger</td>
            <td>System Architect</td>
            <td>Edinburgh</td>
            <td>61</td>
            <td>2011/04/25</td>
            <td>$3,120</td>
          </tr>
          <tr>
            <td>Roger David</td>
            <td>Director</td>
            <td>Edinburgh</td>
            <td>63</td>
            <td>2011/07/25</td>
            <td>$5,300</td>
          </tr>
          <tr>
            <td>rogere</td>
            <td>Technical Author</td>
            <td>San Francisco</td>
            <td>66</td>
            <td>2009/01/12</td>
            <td>$4,800</td>
          </tr>
          <tr>
            <td>Roger</td>
            <td>Javascript Developer</td>
            <td>Edinburgh</td>
            <td>22</td>
            <td>2012/03/29</td>
            <td>$3,600</td>
          </tr>
          <tr>
            <td>roger</td>
            <td>Javascript Developer</td>
            <td>Edinburgh</td>
            <td>22</td>
            <td>2012/03/29</td>
            <td>$3,600</td>
          </tr>
          <tr>
            <td>roger</td>
            <td>Javascript Developer</td>
            <td>Edinburgh</td>
            <td>22</td>
            <td>2012/03/29</td>
            <td>$3,600</td>
          </tr>
        </tbody>
相关问题