forum

Home / DeveloperSection / Forums / Table column fixed width

Ask Question

Table column fixed width

Takeshi Okada222804-Apr-2013
Hi Everyone!

I'm having problems with setting a fixed width for table columns. Have a look at jsfiddle example:

http://jsfiddle.net/Stylock/jJ6DK/

The middle column should be 300px wide, and the left column should be 80px wide, but for some reason all three columns are the same width. Anyone knows how 

to fix that?

Thanks in advance!
css-css3css-css3 
Updated on 04-Apr-2013
Takeshi Okada

Takeshi Okada

Follow

Can you answer this question?

Answer

2 Answers

Vijay Shukla

Vijay Shukla

04-Apr-2013
Hi Takesh!

Remove table-layout: fixed from table:

table {
    border: 1px solid #D7E4B9;
    background: #B4CDCD; 
}
AVADHESH PATEL

AVADHESH PATEL

04-Apr-2013
Hi Takeshi!

Remove this css style of your table and it should work:

table-layout: fixed;

When you set table-layout: fixed for you table it will take these algorithms:

The horizontal layout only depends on the table's width and the width of the columns, not the contents of the cells
Allows a browser to lay out the table faster than the automatic table layout
The browser can begin to display the table once the first row has been received

Liked By