javascript - 他の列のサイズを変更せずにテーブル列のサイズを変更する方法は?

Question

一連のインタラクティブな動作を追加した HTML テーブルがあります (追加可能、削除可能、移動可能な列、列の名前変更など)。パズルの最後のピースは、サイズ変更可能な列です。私は、ユーザーが境界線の 5px 以内をクリックしてからマウスをドラッグできるようにすることで、主に機能しています。私の問題は、列のサイズが変更されると、他の列が拡大または縮小して補正され、テーブルの幅が維持されることです。私の望ましい動作は、列のサイズが変更された分だけテーブルを拡大 (または縮小) し、他の列幅を調整しないことです。これは CSS/JS で可能ですか?

Answer 1

table {
  table-layout: fixed;
}