84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
bootstrap-vue テーブルに正しい固定列が必要です ただし、ドキュメントのスティッキー機能は左側にのみ固定されています。 右列または最後の列を修正する方法はありますか?
左右の柱を両方固定したいのですが。
ドキュメント Web サイト: https://bootstrap-vue.org/docs/components/table#sticky-columns
これは、ブートストラップの CSS を独自の CSS の一部でオーバーライドすることで実現できます。まず、最後の列に stickyColumn: true オプションと、それに指定する他のオプションがあることを確認します:
stickyColumn: true
これにより、簡単に選択できるクラス名が付けられます。テーブルの最後のスティッキー列に right: 0:
right: 0
コードサンドボックスの例
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
これは、ブートストラップの CSS を独自の CSS の一部でオーバーライドすることで実現できます。まず、最後の列に
リーリーstickyColumn: trueオプションと、それに指定する他のオプションがあることを確認します:これにより、簡単に選択できるクラス名が付けられます。テーブルの最後のスティッキー列に
属性を与えるスタイルを適用します。 リーリーright: 0:コードサンドボックスの例