修改之前,表格看上去比較擁擠,因為bootstrap table插件中自帶斑馬線表格樣式,有橫線和豎線分欄,現在我們不需要這些。

應UI設計的要求,要去掉中間的橫線和豎線,使用了修改需求中一種簡單粗暴的修改方法,打卡網頁F12鍵,找到橫線豎線所對應的位置,直接添加代碼border:0px;測試成功。

返回編輯器,在css里面添加
.table>tbody>tr>td{ border:0px; }
修改之后的效果,果然美觀了很多,看起來不再那么的繁瑣雜亂。

原文作者:祈澈姑娘
技術博客:https://www.jianshu.com/u/05f416aefbe190后前端妹子,愛編程,愛運營,愛折騰。
堅持總結工作中遇到的技術問題,堅持記錄工作中所所思所見,歡迎大家一起探討交流。關注「編程微刊」公眾號 ,在微信后台回復「領取資源」,獲取IT資源300G干貨大全。公眾號回復“1”,拉你進程序員技術討論群