bootstrap-vue テーブルの右側の列を修正できますか?

Question

bootstrap-vue テーブルに正しい固定列が必要です ただし、ドキュメントのスティッキー機能は左側にのみ固定されています。 右列または最後の列を修正する方法はありますか?

左右の柱を両方固定したいのですが。

ドキュメント Web サイト: https://bootstrap-vue.org/docs/components/table#sticky-columns

リーリー

Answer 1

これは、ブートストラップの CSS を独自の CSS の一部でオーバーライドすることで実現できます。まず、最後の列に stickyColumn: true オプションと、それに指定する他のオプションがあることを確認します:

リーリー

これにより、簡単に選択できるクラス名が付けられます。テーブルの最後のスティッキー列に right: 0:

属性を与えるスタイルを適用します。 リーリー

コードサンドボックスの例