如何订购表格行？答案

【问题标题】：How can I order table rows?如何订购表格行？
【发布时间】：2021-02-27 16:06:53
【问题描述】：

目前，我正在开发一个网站。我有一个页面，其中列出了 categories（也可以编辑和删除）。这些将在稍后的调查中显示。我想添加编辑类别顺序的可能性

我遇到了以下问题：

我正在用我的数据库中的数据填充表格。查询时，这些只是根据记录的ID自动排列。

我已经在互联网上找到了可以使用 JavaScript 来移动表格行的示例。

脚本如下所示：

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script type="text/javascript">
    var fixHelper = function (e, ui) {
        ui.children().each(function () {
            $(this).width($(this).width());
        });
        return ui;
    };
    $("#sort tbody").sortable({
        helper: fixHelper
    }).disableSelection();
</script>

此脚本有效，但仅在客户端上。

我需要知道的是..

..如何在我的数据库中读出所有行的新顺序并更新，所以它不会在之后重置刷新页面。

（我也遇到过Circular List这个词，但是我不太懂怎么用）

【问题讨论】：

您的服务器端应该直接发送有序数据。 P.S.：与 C# 或 ASP.NET 无关。
您目前如何从您的数据库中填充此 HTML 表？这似乎对你的问题很重要，但你没有证明这一点。我希望您应该按位置字段对查询进行排序，因此它最初以正确的顺序显示。或者您是在问如何将更新的位置信息发送回服务器？不幸的是，您的问题确实含糊不清。请编辑它。
the positions of the rows are stored in my database and I don't know how to get them via JavaScript 您将它们返回到前端，使用 JS 操作这些位置，然后将这些位置保存回数据库。但是不要指望我们会为您编写代码，也不要指望我们会为您编写代码，也不要指望我们会牵着您的手来实现功能 - I searched a lot but found nothing 读起来很像“我什么都没试过，我完全没有想法”，这不是一种可以在这里为您提供很多帮助的心态。

标签： jquery html-table

【解决方案1】：

很久没问这个问题，也能解决，但还是想写下我的解决方法：

我只是在名为order 的数据库表中添加了一个新的列。在管理选项卡中，我添加了通过

更改该值的机会

<input type="number">

如果管理员随后创建新问题或编辑现有问题，则新订单始终发送与提交并且，如果发生变化，也会在数据库中进行调整

检索表的数据时，会自动按order排序，不再按其ID排序。

【讨论】：