代码之家  ›  专栏  ›  技术社区  ›  Scott Skiles

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

  •  0
  • Scott Skiles  · 技术社区  · 6 年前

    我有一个非常简单的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>
    

    数据表调用

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

    为什么数据表会这样做?我是否可以保留我的订单(1,2,3,4)?我看了一下文档选项,特别是 Row ReOrder ,但无济于事。

    我意识到我 应该 用ajax和其他爵士乐调用DataTable,但这有点超出了我现在想做的事情。我想先把这件事摆平。

    0 回复  |  直到 6 年前