如何在我的.NET代碼中將圓角添加到GridView表中？

我試過將webkit border radius/moz border radius/border radius添加到css定義和.net定義中，但無濟於事。幫幫我！如何在我的.NET代碼中將圓角添加到GridView表中？

<tr> 
    <td width="60%" align="center"> 
     <asp:GridView ID="GridView_VE" runat="server" CssClass="table1" HorizontalAlign="Center" Width="80%" 
     OnPageIndexChanging="GridView_VE_PageIndexChanging" Font-Names="Century Gothic" Font-Size="Large" Height="100%" 
     AllowPaging="True" PageSize="4" RowStyle-Height="30px" -webkit-border-radius= "10px" -moz-border-radius="10px" 
     border-radius="10px" border="2px" border-color="Black"> 
      <Columns> 
      ... 
      </Columns> 
      <PagerStyle Height="20px" /> 
      <RowStyle Wrap="True" /> 
     </asp:GridView> 
    </td> 
</tr>

我試過對td，tr和表實施角落了。但是，再次失敗。

來源

2013-01-16 Shalapolia

將<asp:GridView>包裝在一個div中，然後將圓角放在該div上。

<div class="rounded-corners"> 
    <asp:GridView>....</asp:GridView> 
</div>

而CSS

.rounded-corners { 
    border: 1px solid black; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px; 
    overflow: hidden; 
}

來源

2013-01-16 12:43:13 Justin

感謝賈斯汀。但它沒有工作，它只在表格的背景中創建了一個稍大的圓角框。內表的方角仍然伸出。嘆。 – Shalapolia

將'overflow：hidden'添加到.round-corners CSS。看看是否有助於內表的方形角落突出。 – Justin

太棒了！有效！非常感謝。 – Shalapolia

你應該換一個style=""元素中的風格元素。像這樣： <table style="border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;">

但是，只在第一行和最後一行設置邊界半徑可能會更好。

無論如何，這裏有幾個選項：http://jsfiddle.net/wMGnq/

哦，而且還確保邊界崩潰未設置要崩潰了！請參閱：https://developer.mozilla.org/en/CSS/border-radius

來源

2013-01-16 12:47:03

謝謝Bram！沒有工作喲。試圖把樣式元素放在表格和相應的CSS表格（頁眉/頁腳和其他），但nada。 – Shalapolia

我沒有看到一個問題，只是給你的表類，並添加下面的CSS：

.bordered { 
    border: 1px solid #CCCCCC; 
    border-radius: 6px; 
}

來源

2013-01-16 13:07:12 Morpheus

謝謝Morpheus。添加一個CSS類沒有幫助。但是，將GridView封裝在一個帶有CSS類的div中。 – Shalapolia

如何在我的.NET代碼中將圓角添加到GridView表中？

回答

相關問題