ブートストラップテーブルのテーブルスタイルの縦線を削除する方法



How Remove Vertical Line Table Style Bootstrap Table



変更前は、ブートストラップテーブルプラグインには水平線と垂直線のあるゼブララインテーブルスタイルが付属しているため、テーブルは混雑しているように見えました。今、私たちはこれらを必要としません。

5640239-c5f9c9277f7dcad6.pngPicture .png

UI設計要件の場合、中央の水平線と垂直線を削除するには、変更要件で単純で失礼な変更方法を使用し、F12キーページをパンチして、水平線の垂直線に対応する位置を見つけ、直接追加しますコードborder:0pxのテストに成功しました。




5640239-d370d51d755f1103.pngPicture .png

エディターに戻り、cssを追加します

.table>tbody>tr>td{ border:0px }

変更後の効果は、はるかに美しく、それほど面倒ではなくなったようです。




5640239-bd04e9b6657addf1.pngPicture .png

原作者:チチェガール
テクノロジーブログ: https://www.jianshu.com/u/05f416aefbe1

90年以降、フロントエンドの姉妹はプログラミングが大好きで、操作が大好きで、トスが大好きです。
作品で遭遇した技術的な問題に固執し、レコード作品の考えや考えを主張し、交換について話し合うために皆を歓迎します。