How to set specific width for bootstrap table

Question

My html

<div class="container">
    <div class="row">
        <div>
            <table class="table table-bordered table-striped" width="600">
                <tr>
                    <td>User Count</td>
                    <td>@Model.UserCount</td>
                </tr>
            </table>
        </div>
    </div>
</div>

The width="600" is ignored. I read somewhere that this is because the table fills up the container 100%. But how to override this and set a specific width for the table?

Rachel S · Accepted Answer · 2016-09-08 14:17:44Z

1

Use style="width:600px" rather than the width=600. Or you can do that in the style sheet:

.table {width:600px;}

answered Sep 8, 2016 at 14:17

Rachel S

3,9303 gold badges26 silver badges39 bronze badges

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

Comments

user6801750 · Accepted Answer · 2016-09-08 14:25:16Z

0

Please try below, it is working for me:

.table
{
  width: 400px;
  border: 1px solid black;
}

<div class="container">
    <div class="row">
        <div>
            <table class="table table-bordered table-striped">
                <tr>
                    <td>User Count</td>
                    <td>@Model.UserCount</td>
                </tr>
            </table>
        </div>
    </div>
</div>

answered Sep 8, 2016 at 14:25

user6801750

2423 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to set specific width for bootstrap table

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