在表格中水平显示嵌套循环中的值

问题描述

我有两个数组。

TempData["item_list"] 像这样 => ["car1","car2","car3"]

像这样的模型 => [{"item1","item3","item5"},{"item2","item4"},{"item4","item5"}]

    <table style="width:100%">
            <tr>
                @foreach (var car in TempData["item_list"] as IEnumerable<string>)
                {
                    <th>@car</th>
                }

                @foreach (var item in Model)
                {
                    @foreach (var itemm in item)
                    {

                        <td>@itemm</td>
                    }
                }
            </tr>
    </table>

这就是我想在表格中显示的方式。

enter image description here

我的观点

enter image description here

解决方法

你想要的伪代码 -

var carArray = ["car1","car2","car3"];
var itemsArray = [{"item1","item3","item5"},{"item2","item4"},{"item4","item5"}];

for(int i = 0,i < carArray.Count,i ++)
{
   <tr>
      <td>
          <strong>@carArray[i]</strong>
      </td>

      @foreach(var item in itemsArray[i])
      {
          <td>itemArray[i]</td>              
      }
   </tr>
}

每辆车都在新的一排。然后循环遍历 itemArray 中与汽车相同索引处的项目并将其放在同一行。当然,这不包含任何验证 itemsArray 长度与 carArray 相同的验证。