Home Material design layout grid more than 12 colum
Reply: 0

Material design layout grid more than 12 colum

user1139
1#
user1139 Published in June 23, 2018, 8:03 am

I'm trying to create a grid to which has one column per day of the month. So I need up to 32 columns in a single row (1st label + days of the month)

I'm using a for in order to add divs dynamically.

<section>
    <div class="mdc-layout-grid">
        <div class="mdc-layout-grid__inner">
            @{
                <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-1">
                    Days:
                </div>
                for (var i = 1; i <= Model.TotalDays; i++)
                {
                    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-1">@Model.GetDateStringFromDay(i)</div>
                }
            }
        </div>
    </div>
</section>

This gives me 12 values per row, as MDC is 12 column based. I tried to create nested divs, but it ended up adding new lines for every new level.

Is there a way to do it? Using nested columns or overriding somehow the default MDC behaviour to allow more columns in a single row?

You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.312524 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO