プロジェクトの el-table ヘッダーの背景色を変更したところ、ヘッダーの各列の間に白い境界線が表示され、非常に見苦しいという、これまで気づかなかった問題が見つかりました。
スタイルを見ると、table にはborder-collapse: Separate; 属性があり、 border-collapse はテーブルの境界線を 1 つの境界線に結合するかどうかを設定し、属性値が 3 つあることがわかります。
次に、border-collapseの値をcollapseに変更しました。つまり、境界線をマージしますが、結果はまだ機能しません。
各列の距離を調整したところ、魔法のように隙間が消えたことがわかりました
変更前の間隔設定:
変更された間隔設定:
ただし、デバイス ツールバーが表示されているときはギャップが依然として表示されますが、デバイス ツールバーを閉じると、ギャップは消えます。
