forum

Home / DeveloperSection / Forums / How to Responsive Div Table Struggle Multiple Rows

How to Responsive Div Table Struggle Multiple Rows

Anonymous User 2594 06-Jan-2015

I'm looking for a solution to my responsive table struggles.

I have a table with rows of different column lengths within a content wrapper of 960px.

However the cols of two and three don't fit the same width when they're 50% or 49% and 33% of 33.3% respectively.

I've trawled through google's suggestion guides but nothing I've seen thus far offers up what I'm looking for.

Is it possible to make a truly responsive div table with different col lengths in the rows?

Demo code

<div class="masterTable">
        <div class="row" style="width: 100%;">
 
            <div class="col3" style="width: 33%">
                <asp:TextBox ID="TB1" runat="server"></asp:TextBox>
            </div>
            <div class="col3" style="width: 33%">
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            </div>
            <div class="col3" style="width: 33%">
                <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
            </div>
        </div>
        <div class="row" style="width: 100%;">
 
            <div class="col2" style="width: 50%">
                <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
            </div>
            <div class="col2" style="width: 50%">
                <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
            </div>
        </div>
    </div>
</div>

 


Updated on 06-Jan-2015
I am a content writter !

Can you answer this question?


Answer

1 Answers

Liked By