次の表があります。
<table>
<tr>
<td width="10%">Heading1</td>
<td width="15%">Heading2</td>
....
<td width="5%">Heading3</td>
</tr>
....
</table>
セルの幅は、最初の行のセルの幅によって定義されます。ここまでは順調ですね。
見出しを他の言語に翻訳すると、セル内のテキストの長さが変わり、結果が見栄えの悪い表になります。多くのスペースがあるセルもあれば、テキストを表示するのに十分なスペースがないセルもあります。
私は何をすべきか?
私は非常に多くの異なるバリエーションを試しました-幅-自動/パーセント/それらの組み合わせで、何も機能しません。
コンテキストで動的にうまく機能するように幅を設定する方法を知っている人はいますか?
JavaScript関数についても考えています.HTMLを構築する前に各見出しのテキストを取得し、その長さに応じてテーブルの幅を設定できますか?