按项目 ID 组织 HTML 表格答案

【问题标题】：Organize an HTML table by item ID按项目 ID 组织 HTML 表格
【发布时间】：2015-01-26 23:21:16
【问题描述】：

我有一个提取本地存储数据的 HTML 表。它在 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>

【问题讨论】：

标签： html asp.net razor

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

你可以试试:)

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

【讨论】：