如何去掉bootstrap table中表格樣式中橫線豎線

祈澈菇涼發表於2018-06-20
boot

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

 

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

 

 

返回編輯器，在css裡面新增


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

修改之後的效果，果然美觀了很多，看起來不再那麼的繁瑣雜亂。

 

 

原文作者：祈澈姑娘
技術部落格：https://www.jianshu.com/u/05f416aefbe1

  • 關注「程式設計微刊」公眾號 ，在微信後臺回覆「領取資源」，獲取IT資源300G乾貨大全。

 

相關文章