如何使用CSS擺脫gridview的列邊框

我想在ASP.NET中手動調整gridview的樣式，使它看起來像一個默認的gridview樣式。默認樣式是這樣的 - Default Gridview Style 如何使用CSS擺脫gridview的列邊框

我已經非常接近了。在將我自己的樣式應用到準系統gridview控件後，它看起來像這樣 - Custom CSS

但我似乎無法刪除GridView的標題部分中的白色邊框。

我SCSS看起來是這樣的 -

table{ 
    &.table-grid{ 
     color:Black; 
     background-color:White; 
     border-width: 1px; 
     border-style:None; 
     border-spacing: 0px; 
     font-size:10pt; 
     width:100%; 
     border-collapse:collapse; 
     margin-left:auto; 
     margin-right: auto; 
     td { 
      border: none; 
      border-top: 1px solid $table-bg-color; 
     } 
     tr { 
      border-collapse:collapse; 
      &:first-child{ 
       color:White; 
       background-color:$table-bg-color; 
       font-weight:bold; 
      } 
      th{ 
       border-collapse:collapse; 
      } 
     } 
    } 
}

和我的GridView控件屬性 -

<asp:GridView ID="gv" runat="server" CssClass="table-grid" EnableViewState="false" cellspacing="0" cellpadding="4" border="0" AutoGenerateColumns="false">

誰能告訴我如何擺脫這些白色邊框的？

這裏有一個的jsfiddle Demo

來源

2013-11-24 th1rdey3

你能演出小提琴嗎？ – San

嘗試

 
th{ 
       border-collapse:collapse; 
       border-width: 0; 
      }

來源

2013-11-24 11:59:59

只是對前面的回答略有擴大：

th{ 
border-collapse:collapse; 
border-width: 0; 
text-align: left; 
}

要得到列標題很好地排隊太:)

來源

2013-11-24 12:05:24 Jack

如何使用CSS擺脫gridview的列邊框

回答

相關問題