jquery - 将排序箭头应用于第二行

Question

我正在使用 jquery 数据表。

我希望将排序箭头应用于表格的第二行而不是第一行。

HTML:

<table id="tableUsers" class="datatable">
            <thead>                                                       
                <tr class="filterRow">
                    <td></td>
                    <td></td>
                    <td data-rownum="2">
                        @Html.Partial("_FilterDropDown", Model.RoleList)
                    </td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td data-rownum="8">
                        @Html.Partial("_FilterDropDown", Model.EnabledList)
                    </td>
                    <td></td>
                    <td></td>
                </tr> 
                <tr>
                    <th class="width-110">User name
                    </th>
                    <th class="width-110">Name
                    </th>
                    <th class="width-110">Role
                    </th>
                    <th class="width-200">Email
                    </th>
                    <th class="width-90">Created
                    </th>
                    <th>DateSort
                    </th>
                    <th class="width-80">Enabled
                    </th>
                    <th class="width-90">Action
                    </th>
                    <th>EnabledSort
                    </th>
                </tr>    
            </thead>
            <tbody>
                <tr>
                    <td></td>
                </tr>
            </tbody>
        </table>

这就是它的样子:

我想要第二行的箭头。谢谢

Answer 1

// copy the filter row
var filterRow = $("#tableUsers .filterRow").clone();
// remove the filter row
$("#tableUsers .filterRow").remove();
// initialize the data table
$("#tableUsers").dataTable();
// re-add the filter row
$("#tableUsers thead tr:first").before(filterRow);