Search code examples
c#asp.net-mvcasp.net-corerazor-pagesblazor-webassembly

How can I add a new row in a table every 10 rows, automatically?


I have a table getting data from a model with a foreach, in a razor view.. I want to add a new row every 10 rows, how can I do that?

EDIT

    <tbody>

    @foreach (var context in sortedData)
    {

        @for (int i = 1; i % 10 == 0;i++)
        {
            <tr>
                <td>
                    new row

                </td>
            </tr>
            
        }
        <tr>
            <td>
                @context.Id
            </td>
            <td>@context.CantidadElegida</td>
            <td>@context.Item</td>
            <td>@String.Format("RD${0:f2}", @context.Price)</td>
            <td>@String.Format("RD${0:f2}", @context.Reposition)</td>
            <td>@String.Format("RD${0:f2}", @context.SubTotal)</td>

        </tr>

    }
</tbody>

Solution

  • What about this:

    int count=1;
     @foreach (var context in sortedData)
        {
    
            if ( count++ % 10 == 0)
            {
                <tr>
                    <td>
                        new row
    
                    </td>
                </tr>
                
            }
            <tr>
                <td>
                    @context.Id
                </td>
                <td>@context.CantidadElegida</td>
                <td>@context.Item</td>
                <td>@String.Format("RD${0:f2}", @context.Price)</td>
                <td>@String.Format("RD${0:f2}", @context.Reposition)</td>
                <td>@String.Format("RD${0:f2}", @context.SubTotal)</td>
    
            </tr>
    
    
        }