How to format view results in mvc3?

Question

I have List of checkbox in my view. it shows me in vertical format. Like

a

b

c

d

...

But i want to format that in such a way that will look like.

a b c d

e f g h

i j k l

My code looks like this

 @foreach (var item in Model)
  {
  <table>
      <tr>
         <td><input type="checkbox" id="@item.DataId" name="Data"/>@item.DataName</td>
      </tr>
  </table>

How can i format this?

Stephen · Accepted Answer · 2011-10-15 05:36:01Z

1

Hoping you're not using the table for layout purposes ;)

Anyway this should do the trick, it's rough code, and could be polished but hopefully this will give you a good start

<table>
    <tr>
@{var rower = 0;}
    @foreach (var item in Model)
    {
        if (rower % 4 == 0 && rower != 0)
        {
            @:</tr>
            @:<tr>
        }
         <td><input type="checkbox" id="@item.DataId" name="Data"/>@item.DataName</td>
        rower++;
    }
    </tr>
</table>

answered Oct 15, 2011 at 5:36

Stephen

1,7312 gold badges26 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user338195 · Accepted Answer · 2011-10-12 10:42:25Z

0

Assuming you need a list, not a table:

// You may to check here whether model contains any items

<ul>
@foreach (var item in Model)
{
   <li><input type="checkbox" id="@item.DataId" name="Data"/>@item.DataName</li>
}
</ul>

In your CSS you need to set display property of the list to inline

answered Oct 12, 2011 at 10:42

user338195

Collectives™ on Stack Overflow

How to format view results in mvc3?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related