Setting fixed column width does not work with Bootstrap 3

Question

I have a table created using HTML and Bootstrap 3 like in the following example.

Even if I set a fixed column width through the width attribute in the colgroup this is not applied and I am not able to set a column width at all here.

Can someone tell me if this needs to be done differently when using Bootstrap 3 or if I am missing something else here?
In this case I want to set the column width of a specific column (here the 3rd one) to 70px.

Example table:

<table class="table table-condensed table-responsive tableDT">
    <colgroup>
        <col />
        <col />
        <col width="70px" />
    </colgroup>
    <thead>
        <tr>
            <th>Tag</th>
            <th>No. of Items</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Some text</td>
            <td>Some number</td>
            <td><button type='button' class='btn btn-primary btn-xs'>View</button></td>
        </tr>
    </tbody>
</table>

Put the width on the <th> element. The "width" attribute of the <col> element is obsolete. (Better yet, use CSS.) — Pointy
– Pointy, Commented Sep 14, 2014 at 12:44

Anush · Accepted Answer · 2014-09-14 12:47:08Z

1

You do not use 'px'. you just give it as width="70" you can do it in css as well as:

colgroup col:last-child{ width: 70px; }

answered Sep 14, 2014 at 12:47

Anush

1687 bronze badges

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

1 Comment

user2571510 Over a year ago

That was it - thanks a lot ! Will accept as soon as I can. :)

Collectives™ on Stack Overflow

Setting fixed column width does not work with Bootstrap 3

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related