スクロールバーが表示されていない場合の tbody の幅を変更する

Question

スクロールバーのあるテーブルがあり、テーブルをフィルターするとスクロールバーが表示されません。これは私にとっては良いことですが、問題は幅が変化し、テーブルの幅が大きくなることです。 次のようになります:

1. スクロールバーあり:

2. フィルタリング後、スクロール バーなし:

これは私の CSS コードです:

リーリー

問題を解決するにはどうすればよいですか?

Answer 1

スクロールバーが存在するときに要素が移動しないようにするには、overflow 属性が適用されている要素で scrollbar-gutter:stable を使用します。以下を参照してください。

MDN のスクロールバー ガター

リーリー リーリー