Блог

Я пытаюсь создать что-то вроде того, что показано на рисунке ниже. Но я не получил надлежащего дизайна, в основном показ не может быть вложен внутрь . Я использую для каждого цикла и пытаюсь загрузить динамические строки данных внутри столбца.

Мой код выглядит следующим образом:

 lt;trgt;  lt;thgt;S nolt;/thgt;  lt;thgt;heading 1lt;/thgt;  lt;thgt;heading 2lt;/thgt;  lt;thgt;heading 3lt;/thgt;  lt;thgt;heading 4lt;/thgt;  lt;thgt;heading 5lt;/thgt;   lt;/trgt;   @foreach (var items in Model.itemslist) //conditions  {  if (items.id == 3)  {  foreach (var itemsCheck in Model.itemslist)  {  if (itemsCheck.ICID == 4)  {  if (items.ICTID == itemsCheck.iParentID)  {   if (itemsCheck.FormID == items.FormID)  {    lt;tr style="display: none"gt;@{j = j   1;}lt;/trgt;  }  }  }  }   if (j gt; 0)  {     lt;trgt;  lt;tdgt;@items.Snolt;/tdgt;   lt;tdgt;@items.Partslt;/tdgt; //(partA or PArtB or PArt C -2nd column rows)   @foreach (var item in Model.itemslist)  {  if (items.ICTID == item.iParentID)  {  if (item.ICID == 4)  {  if (item.iSrc != -1)  {  lt;trgt; ------------------------------------------HEre I cannot able to nest lt;trgt; inside lt;tdgt;;Showing error   lt;td gt;@item.datalt;/tdgt; //data1,data2.....  lt;td gt;@item.valuelt;/tdgt; //a1,a2,b1....  lt;td gt;@item.doublevaluelt;/tdgt; //aa,bbb,cc....  lt;td gt;@item.lastvaluelt;/tdgt; //aa1,aa2.bb1.....  lt;/trgt;  }  }  }  }  lt;/trgt;  }  }  }  

Как и было предложено, скриншот моей модели выглядит следующим образом:

Пожалуйста, помогите мне получить дизайн моего результата, как показано на рисунке. заранее спасибо

PS:Я попробовал rowspan, все еще не исправлено