Salve a tutti,
ho un problema di questo tipo.
Costurisco una tabella HTML le cui colonne hanno naturalmente larghezza dinamica in abse al contenuto (ma a questo ci pensa egregiamente il browser).
Nella prima riga di questa tabella vorrei piazzare delle <input type=text> per permettere all'utente di digitare dei valori che utilizzerò poi per filtrare le colonne sottostanti.
Purtroppo non so a priori la larghezza che dovranno avere queste txtbox, quindi non posso specificarne una 'size'. Mi paicerebbe che si dimensionassero come la colonna , ma invece avviene il contrario, ossia il browser disegna tutte le textbox uguali, e di conseguenza anche le colonne sottostanti (facendo parte della stessa table) risultano a larghezza costante (e fra l'altro mi sforano a destra della pagina).

il codice per sommi capi è il seguente:

codice:
<table width='100%'>

	<tr>
		<td ><input type='text' id='filter_id_customer' name='id_customer'></td>
		<td ><input type='text' id='filter_code_customer' name='code_customer' ></td>
		<td ><input type='text' id='filter_first_name' name='first_name' ></td>
		<td ><input type='text' id='filter_second_name' name='second_name' ></td>
		<td ><input type='text' id='filter_date_of_birth' name='date_of_birth' ></td>
		<td ><input type='text' id='filter_address' name='address' ></td>
		<td ><input type='text' id='filter_zip_code' name='zip_code' ></td>
		<td ><input type='text' id='filter_city' name='city' ></td>
		<td ><input type='text' id='filter_district' name='district' ></td>
		<td ><input type='text' id='filter_email' name='email' ></td>
		<td ><input type='text' id='filter_telephone' name='telephone' ></td>
		<td><input type='button' value='Ricerca' class='buttonSearch'></td>
	</tr>

	<tr style='background-color:#FFFFFF;'>
		<input id='id_customer.0' type='hidden' value='5'><td id='0.0' >5</td>
		<input id='code_customer.0' type='hidden' value='1111111110'><td id='0.1' >1111111110</td>
		<input id='first_name.0' type='hidden' value='Gabriele'><td id='0.2' >Pippo</td>
		<input id='second_name.0' type='hidden' value='Augusti'><td id='0.3' >Pluto</td>
		<input id='date_of_birth.0' type='hidden' value='1965-01-12 00:00:00.0'><td id='0.4' >1965-01-12 00:00:00.0</td>
		<input id='address.0' type='hidden' value=' '><td id='0.5' > </td>
		<input id='zip_code.0' type='hidden' value=' '><td id='0.6' > </td>
		<input id='city.0' type='hidden' value=' '><td id='0.7' > </td>
		<input id='district.0' type='hidden' value=' '><td id='0.8' > </td>
		<input id='email.0' type='hidden' value=' '><td id='0.9' > </td>
		<input id='telephone.0' type='hidden' value=' '><td id='0.10' > </td>
		<input id='user_level.0' type='hidden' value='U'>
	</tr>
	</table>
Speravo di disegnare piccolissime le textbox, poi dopo aver popolato la table richiamare un javascript che valutasse la larghezza di ogni colonna e dimensionasse la sua textbox, ma pare che da javascript non riesca a recuperare la larghezza delle colonne.

Qualcuno ha qualche idea/suggerimento ? Ci sto sbattendo la testa da un giorno intero...

Grazie
Saluti