Question

    <table data-toggle="table" data-url="data2.json" data-search="true">
    <thead>
        <tr>
            <th>Delete</th>
            <th data-field="nameer" data-sortable="true">Name</th>
            <th data-field="email" data-sortable="true">Email</th>
            <th data-field="role" data-sortable="true">Role</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var user in Model.Users)
        {
            <tr>
                <td>
                    @if (Model.CurrentUserId != user.Id)
                    {
                        <a href="#" class="deleteUserLink" data-userid="@user.Id" data-name="@user.FullName">Delete</a>
                    }
                    else
                    {
                        <span>N/A</span>
                    }
                </td>
                <td>
                    <a href="#" class="editUserLink" data-userid="@user.Id">@user.FullName</a>
                </td>
                <td>
                    @user.Email
                </td>
                <td>
                    @string.Join(", ", user.Roles)
                </td>
            </tr>
        }
    </tbody>
</table>

ISSUE：

使用上面的表，bootstrap排序将起作用，但是具有data-userid的字段将不能正确排序（按字母顺序排列），而没有它的所有其他字段将正常工作。

我是stackoverflow的新手，也是bootstrapper的新手。我希望我提供足够的信息，以便你们可以帮助我。提前谢谢。

我需要data-userid，因为它在其他地方使用，无论如何要解决这个问题吗？

Answer 1

您可以使用sorter列选项来定义自定义类型的引导表。

以下是一个示例：http://issues.wenzhixin.net.cn/bootstrap-table/index.html#options/custom-sort.html

表中的data-userid导致Bootstrapper表排序故障

1 个答案: