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

Question

我有两个数组。

像这样的 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>

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

我的观点

标签： javascriptc#asp.netfor-loopforeach

Answer 1

你想要的伪代码 -

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。