setting HTML table column width

Question

I've got a simple table.

<table border="1" width="100%">
        <tr>
                <th>Select</th>
                <th>Name</th>
                <th>Preview</th>
        </tr>

How do I set the width so the Select and Preview be 15px and Name be rest of the width left ???

Rohit Azad Malik · Accepted Answer · 2012-07-03 11:33:02Z

3

Hey now you can define in your css as like this

Css

   .some{
    width:15px;
    }

HTML

<table border="1" width="100%">
        <tr>
                <th class="some">Select</th>
                <th>Name</th>
                <th  class="some">Preview</th>
        </tr>
</table>

live demo http://tinkerbin.com/n4Q1NOXW

answered Jul 3, 2012 at 11:33

Rohit Azad Malik

32.3k17 gold badges72 silver badges100 bronze badges

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

Comments

user1432124 · Accepted Answer · 2012-07-03 11:31:12Z

1

<table border="1" width="100%">
        <tr>
                <th width="15">Select</th>
                <th>Name</th>
                <th width="15">Preview</th>
        </tr>

answered Jul 3, 2012 at 11:31

user1432124

Comments

Hemant Metalia · Accepted Answer · 2012-07-03 11:31:45Z

1

you can use as

<table border="1" width="100%">
   <tr>
        <th width="15px">Select</th>
        <th>Name</th>
        <th width="15px">Preview</th>
   </tr>

answered Jul 3, 2012 at 11:31

Hemant Metalia

30.8k18 gold badges77 silver badges93 bronze badges

Comments

Arun Kumar · Accepted Answer · 2012-07-03 13:38:28Z

0

<table border="1px" width="100%">
   <tr>
        <th width="15px">Select</th>
        <th>Name</th>
        <th width="15px">Preview</th>
   </tr>
</table>

If you want to preview in any size screen according to their size, use '%' to determine the size. For ex

<table border="1px" width="100%">
   <tr>
        <th width="15%">Select</th>
        <th>Name</th>
        <th width="15%">Preview</th>
   </tr>
</table>

answered Jul 3, 2012 at 13:38

Arun Kumar

3031 gold badge4 silver badges13 bronze badges

Collectives™ on Stack Overflow

setting HTML table column width

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related