CODEWITHSUNDEEP
htmlcss
Codehippo
Codehippo

Reputation: 55

Table layout set to fixed, cell doesn't stretch

This problem I'm experiencing is really bugging me. Suppose I have a table with certain width and I set the table-layout to fixed. Then I set the witdh of every cell except one. According to definition found here: W3C definition what should happen is, that the cell should stretch to width which is remaining. This doesn't happen in my case and I'm furious. Here's the Codepen .

Thank you for your help.

Upvotes: 1

Views: 235

Answers (1)

Colin Bacon
Colin Bacon

Reputation: 15609

If you remove display: block from the table row, it will take it's default value display: table-row. This will allow the table cells to stretch.

Example

.uploadedTable tr {
    display: table-row;
}

Codepen

Upvotes: 1

Related Questions