html - Razor create dynamic table 6 rows x columns -

html - Razor create dynamic table 6 rows x columns -

i'm trying create table dynamically list of items. table must always have 6 rows, number of columns undefined. example, 75, or 167 items.

here's have done far:

<table> <tr> @{ (int = 0; < model.mlistcardsets.count; i++) { if (i%6 == 0) { @:<tr> } <td> @html.hiddenfor(_item => _item.mlistcardsets[i].name) @html.hiddenfor(_item => _item.mlistcardsets[i].code) @html.checkboxfor(_item => _item.mlistcardsets[i].ischecked, new { @class = "checkgroup4", @id = model.mlistcardsets[i].name }) @html.displayfor(_item => _item.mlistcardsets[i].name) @html.image("~\\images\\cardsetrarity\\" + model.mlistcardsets[i].code + "_r.jpeg", model.mlistcardsets[i].name, new { @title = model.mlistcardsets[i].name }) </td> if (i%6 == 0) { @:</tr> } } } </tr> </table>

and i've tried multiple other ways without success.

found answer!

here's solution:

<table id="cardsettable" style="overflow-x: scroll;"> @{ var divfactor = (model.mlistcardsets.count / 6) + (model.mlistcardsets.count % 6); int count = 0; <tr> @for (int = 0; < divfactor; i++) { <td> @html.hiddenfor(_item => _item.mlistcardsets[i].name) @html.hiddenfor(_item => _item.mlistcardsets[i].code) @html.checkboxfor(_item => _item.mlistcardsets[i].ischecked, new { @class = "checkgroup4", @id = model.mlistcardsets[i].name }) @html.displayfor(_item => _item.mlistcardsets[i].name) @html.image("~\\images\\cardsetrarity\\" + model.mlistcardsets[i].code + "_r.jpeg", model.mlistcardsets[i].name, new { @class = "nullify", @title = model.mlistcardsets[i].name }) </td> } @{ count++; } </tr> <tr> @for (int = 0; < divfactor; i++) { <td> @html.hiddenfor(_item => _item.mlistcardsets[i + (count * divfactor)].name) @html.hiddenfor(_item => _item.mlistcardsets[i + (count * divfactor)].code) @html.checkboxfor(_item => _item.mlistcardsets[i + (count * divfactor)].ischecked, new { @class = "checkgroup4", @id = model.mlistcardsets[i + (count * divfactor)].name }) @html.displayfor(_item => _item.mlistcardsets[i + (count * divfactor)].name) @html.image("~\\images\\cardsetrarity\\" + model.mlistcardsets[i + (count * divfactor)].code + "_r.jpeg", model.mlistcardsets[i + (count * divfactor)].name, new {@class = "nullify", @title = model.mlistcardsets[i + (count * divfactor)].name }) </td> } @{ count++; } </tr> <tr> @for (int = 0; < divfactor; i++) { <td> @html.hiddenfor(_item => _item.mlistcardsets[i + (count * divfactor)].name) @html.hiddenfor(_item => _item.mlistcardsets[i + (count * divfactor)].code) @html.checkboxfor(_item => _item.mlistcardsets[i + (count * divfactor)].ischecked, new { @class = "checkgroup4", @id = model.mlistcardsets[i + (count * divfactor)].name }) @html.displayfor(_item => _item.mlistcardsets[i + (count * divfactor)].name) @html.image("~\\images\\cardsetrarity\\" + model.mlistcardsets[i + (count * divfactor)].code + "_r.jpeg", model.mlistcardsets[i + (count * divfactor)].name, new { @class = "nullify", @title = model.mlistcardsets[i + (count * divfactor)].name }) </td> } @{ count++; } </tr> <tr> @for (int = 0; < divfactor; i++) { <td> @html.hiddenfor(_item => _item.mlistcardsets[i + (count * divfactor)].name) @html.hiddenfor(_item => _item.mlistcardsets[i + (count * divfactor)].code) @html.checkboxfor(_item => _item.mlistcardsets[i + (count * divfactor)].ischecked, new { @class = "checkgroup4", @id = model.mlistcardsets[i + (count * divfactor)].name }) @html.displayfor(_item => _item.mlistcardsets[i + (count * divfactor)].name) @html.image("~\\images\\cardsetrarity\\" + model.mlistcardsets[i + (count * divfactor)].code + "_r.jpeg", model.mlistcardsets[i + (count * divfactor)].name, new { @class = "nullify", @title = model.mlistcardsets[i + (count * divfactor)].name }) </td> } @{ count++; } </tr> <tr> @for (int = 0; < divfactor; i++) { <td> @html.hiddenfor(_item => _item.mlistcardsets[i + (count * divfactor)].name) @html.hiddenfor(_item => _item.mlistcardsets[i + (count * divfactor)].code) @html.checkboxfor(_item => _item.mlistcardsets[i + (count * divfactor)].ischecked, new { @class = "checkgroup4", @id = model.mlistcardsets[i + (count * divfactor)].name }) @html.displayfor(_item => _item.mlistcardsets[i + (count * divfactor)].name) @html.image("~\\images\\cardsetrarity\\" + model.mlistcardsets[i + (count * divfactor)].code + "_r.jpeg", model.mlistcardsets[i + (count * divfactor)].name, new { @class = "nullify", @title = model.mlistcardsets[i + (count * divfactor)].name }) </td> } @{ count++; } </tr> <tr> @{ var lastrow = divfactor*count; (int = lastrow; < model.mlistcardsets.count; i++) { <td> @html.hiddenfor(_item => _item.mlistcardsets[i].name) @html.hiddenfor(_item => _item.mlistcardsets[i].code) @html.checkboxfor(_item => _item.mlistcardsets[i].ischecked, new { @class = "checkgroup4", @id = model.mlistcardsets[i].name }) @html.displayfor(_item => _item.mlistcardsets[i].name) @html.image("~\\images\\cardsetrarity\\" + model.mlistcardsets[i].code + "_r.jpeg", model.mlistcardsets[i].name, new { @class = "nullify", @title = model.mlistcardsets[i].name }) </td> } } </tr> } </table>

html razor