如何在cshtml中创建动态表

时间:2016-10-14 05:45:42

标签: html html-table

在我的html页面中,我必须创建一个可以有多行和多列的表。行和列的值来自数据库。

有关详情,请举例说明。 在我的数据库表中,我有两列Option1和option2。 选项1代表T恤的颜色,选项2代表T恤的尺寸。像这样

ID    Option1    Option2
 1      Black       Xs
 2      Black       S
 3      Black       l
 4      Black       XL
 5      Black       XXL
 6      Blue       S
 7      Blue       l
 8      Blue       XL

我需要以这种方式创建HTML,输出应该像

Sizes as per color

1 个答案:

答案 0 :(得分:0)

  1. 将数据的列表模型传递给您的视图:
  2. @model {Name of your project}.List<{YourModel}>
    
    1. 遍历模型
    2. @foreach(var i in Model) {  
      <table> 
      <tr> 
      <td>  @i.{YourModelValue1} </td>  
      <td>  @i.{YourModelValue2} </td>  
      <td>  @i.{YourModelValue3} </td>  
      </tr>
      </table> }
      

      只要模型中有数据

      ,它就会迭代