mvc C# grid based on list

Question

I don't really know how to explain this.. or what to try out.

Since I don't know how to name it, it's also very hard for me to google for a solution but here is what I want.

In MVC I send a list of items from code behind. What I wish is to have these items shows in a dynamic grid.

So, based on the width the users screen I want the items to show next to eachother, and when one would go outsided of the line of sight it should go to the next column.

Giving me the following result:

Item1    Item2    Item3    Item4    Item5
Item6    Item7    Item8    Item9    Item10
Item11   Item12   Item13   Item14   Item15
Item16   Item17   Item18   Item19   Item20

or if someone has a smaller screen:

Item1    Item2   Item3    Item4
Item5    Item6   Item7    Item8
Item9    Item10  Item11   Item12
Item13   Item14  Item15   Item16
Item17   Item18  Item19   Item20

Is this possible?

I'm using MVC 4.0 with asp.net and C# as code behind.

did u use datalist ??

Anurag Jain
– Anurag Jain

2014-02-20 14:56:04 +00:00
Commented Feb 20, 2014 at 14:56 — Anurag Jain
– Anurag Jain, Commented Feb 20, 2014 at 14:56

Nicolas Boisvert · Accepted Answer · 2014-02-20 14:54:09Z

1

I think the main point of your question is finding a way to display data differently depending on the user's screen resolution. In that case, it has nothing to do with C# or MVC, it's all about the html way you render it. I would suggest to have a look at twitter bootstrap grid system

answered Feb 20, 2014 at 14:54

Nicolas Boisvert

1,2013 gold badges13 silver badges27 bronze badges

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

2 Comments

Theun Arbeider Over a year ago

Good example using bootstrap. We are using that a lot in our website and it helps. But as I see it, it still requires me to have a static amount of items to be shown next to eachother. It there a way to make this dynamic, as shown in my example above?

Theun Arbeider Over a year ago

After some playing around I found out that this is exactly what I wanted, thanks !

Collectives™ on Stack Overflow

mvc C# grid based on list

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related