Bootstrap 3 Table column same width

Question

I am trying to get the same width to all columns, Is there a proper way for Bootstrap?

                <a href="produkte.html">
                    <div class="panel-body">
                        <table class="table">
                            <tbody>
                            <tr>
                                <th></th>
                                <th>#</th>
                                <th> # analog Eingänge</th>
                                <th> # I/Os</th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </a>

It seems that it is much better to use Bootstrap's rows and cells in your case. — Pavel Timoshenko
– Pavel Timoshenko, Commented Aug 3, 2017 at 8:44

Tobias Reich · Accepted Answer · 2017-08-03 09:29:38Z

13

you have to set this style to your table

table {
    table-layout: fixed;
}

edited Aug 3, 2017 at 9:29

Tobias Reich

5,1884 gold badges53 silver badges101 bronze badges

answered Aug 3, 2017 at 8:39

Abbas Hasani

2041 silver badge4 bronze badges

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

Comments

CodeGuy · Accepted Answer · 2017-08-03 08:53:21Z

4

Why not use cells and/or rows? If you don't know then add this code(also learn it, it can be useful)

table {
    table-layout: fixed;
}

answered Aug 3, 2017 at 8:53

CodeGuy

433 bronze badges

Collectives™ on Stack Overflow

Bootstrap 3 Table column same width

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related