私は twitter-bootstrap を使用しており、次のような 2 つのテーブルがあります: http://jsfiddle.net/MELUd/
<table class="table table-bordered">
<thead>
<tr>
<td colspan="2"><input type="text" ></td>
<td colspan="2"><input type="text" ></td>
<td colspan="2"><input type="text" ></td>
<td colspan="2"><input type="text" ></td>
<td colspan="2"><input type="text" ></td>
</tr>
</thead>
<tbody>
<tr>
<td >XS</td>
<td >XS</td>
<td >XS</td>
<td >XS</td>
<td >XS</td>
<td >XS</td>
<td >XS</td>
<td >XS</td>
<td >XS</td>
<td >XS</td>
</tr>
</tbody>
</table>
最初のテーブルのテキスト入力はサイズ変更されないため、テーブルは応答しません。しかし、2 番目のテーブルの例では、単純なテキストで完全に機能します。
水平スクロールバーが表示されないように、入力テキストを動的な幅で作成するにはどうすればよいですか?
ヘルプ、ヒント、アドバイスをいただければ幸いです。さらに情報が必要な場合はお知らせください。投稿を編集します。