当我在现有HTML表格上调用“ DataTable()”时,为什么DataTables会更改行的顺序?

时间:2018-10-25 23:49:34

标签: jquery datatables

我有一个非常简单的HTML表,该表按我想要的顺序呈现,而没有在$ document ready()函数调用中对'DataTable()'的任何调用。

旧输出

<table id="mytable" class="display">
    <thead>
         <tr>
             <th>Title</th>
             <th>Value</th>
         </tr>
    </thead>
    <tbody>
         <tr>
             <td>Item1</td>
             <td>1</td>
         </tr>
         <tr>
             <td>Item2</td>
             <td>2</td>
         </tr>
         <tr>
             <td>Item3</td>
             <td>3</td>
         </tr>
         <tr>
             <td>Item4</td>
             <td>4</td>
         </tr>
    </tbody>
</table>

但是,在调用“ DataTable()”之后,顺序似乎是随机的。

新输出

<table id="mytable" class="display">
    <thead>
         <tr>
             <th>Title</th>
         </tr>
         <tr>
             <th>Value</th>
         </tr>
    </thead>
    <tbody>
         <tr>
             <td>Item4</td>
             <td>4</td>
         </tr>
         <tr>
             <td>Item3</td>
             <td>3</td>
         </tr>
         <tr>
             <td>Item1</td>
             <td>1</td>
         </tr>
         <tr>
             <td>Item2</td>
             <td>2</td>
         </tr>
    </tbody>
</table>

DataTable调用

    <script>
            $(document).ready(function() {
                    $('#mytable').DataTable({
                            "stripeClasses": [],
                            "pageLength": 25,
                            "rowReorder": {
                                    enable: false
                            }
                    });
            });
    </script>

为什么DataTables会这样做?无论如何,我可以保留订单(1、2、3、4)吗?我查看了文档选项,特别是Row ReOrder,但无济于事。

我意识到我应该用ajax和所有爵士乐来调用DataTable,但这超出了我现在想做的事情。我只想先解决这个问题。

0 个答案:

没有答案