按项目 ID 组织 HTML table

Question

我有一个 HTML table 可以提取本地存储的数据。它在 foreach 循环中搜索模型，然后在两列（患者姓名和站点 ID）中显示信息。有没有一种方法可以显示信息以便按 SiteID 进行组织？

<table id="patient_table">
    <tr>
        <th>Patient Name</th>
        <th>Site ID</th>
    </tr>

    @foreach (var item in Model)
    {
        <tr>
            <td>@string.Format("{0} {1}", item.FirstName, item.LastName)</td>
            <td class="TableAlign">@Html.ActionLink(string.Format("{0}", item.SiteId), "Details", "Site", new { id = item.SiteId }, null)</td>
        </tr>
    }
</table>

Answer 1

你可以试试:)

this.allItems(this.allItems().sort(function(a, b) { return a.SiteId > b.SiteId ;}));

Answer 2

您的问题已被 knockout.js 标记。但是，您的示例代码使用 ASP.NET 和 Razor 遍历您的模型。

根据您提供的内容，如果您的模型是 IEnumerable 我会像这样更改您的 @foreach，这应该按 SiteId 排序显示的信息：

@foreach (var item in Model.OrderBy(x => x.SiteId))

按项目 ID 组织 HTML table

Organize an HTML table by item ID

html

asp.net

razor