The way to make textarea fill the whole cell in the table

Question

I developed this table so that journalists can view information about their reports in the database, and the text areas in the upper function - both search fields and table headers - which show what is in each column.

However, the problem I ran into is that when the table shifts sizes due to content, the text areas (obviously) do not shift along with them.

My question is this; is there any way to get textarea to take care of the whole area of ​​the cell in which they are?

Answer 1

Try:

textarea { width: 100%; } 

Example : http://jsfiddle.net/ravan/JZwhH/