둥근 모서리를 GridView에 추가 하시겠습니까?

Question

내 GridView의 모퉁이를 멋지게 만들고 싶습니다. 나는 THIS을 시도했지만 오른쪽 가장자리쪽으로 확장 된 경계를 주었다. GridView의 각 셀을 너무 매끄럽게 만들 수 있다면 너무 좋을 것입니다. 이 내의 GridView입니다 :

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
         onrowdatabound="GridView1_RowDataBound" BackColor="White" 
         BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3" > 
....something... </asp:GridView> 

Answer 1

이 http://www.aspforums.net/Threads/749379/How-to-give-GridView-rounded-corners/Replies/1#Replies

Answer 2

은 다음 세 가지 방법 모두 포함하는 스타일이다. click me

은을 가지고 : JQuery와

$("#GridView1").css("border-radius","15px").css("-moz-border-radius","15px"); 

Answer 3

CSS

또는 개체

style= "-moz-border-radius: 15px;border-radius: 15px;" 

또는에

.GridView1 { 
-moz-border-radius: 15px; 
border-radius: 15px; 
} 

나는 그것이 저점이 링크를 작업 있어요 그것을보고 :

이

종류가

Answer 4

에 관해서 넣어 것은 CssClass="round"

.round 
{ 
border: 1px solid black; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; 
} 

Answer 5

GridView1에 안녕 당신은 CSS

<div class="corners"> 
<asp:GridView> </asp:GridView> 
</div> 

과 CSS를 사용하여 시도 할 수 있습니다

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