ashok kumar

ashok kumar

  • NA
  • 89
  • 36.2k

How to display three columns in a table in MVC

Oct 3 2013 7:01 AM
Hi 
   This is really challenging, i want to display three columns in a table,pls see the code iam using MVC and Razor.

here each item is rendered and displayed like this 

Item1
Item2
item3
item4
item5
item6

my requirement i have to display it.
Item1 Item2 Item3
Item4 Item5  Item6

on every 3 row an tr should be inserted i guess,pls suggest me an solution sitting with this for two days.



My View:


    @foreach(var item in Model.Products)
    {
    
       
        if(i%3==0)
        {

              
              <img src="data:image;base64,@System.Convert.ToBase64String(item.PRoductImage)" height="10px" width="200px" id="test" onclick="testing();" />
                    
             
              <button id="btn" type="button" title="BTN" onclick="Add(@item.Id);"></button>
                     
         
   
    }
    else
        {
          
             
               <img src="data:image;base64,@System.Convert.ToBase64String(item.PRoductImage)" height="10px" width="200px" id="tests" onclick="testing();" />
                    
             
              <button id="btns" type="button" title="BTN" onclick="Add(@item.Id);"></button>
                 
          
        }

      

    
        i += 1;

    } 




Answers (3)