2009-10-06 4 views
1

여기에 GridView에서 어려움을 겪고 있습니다. 클라이언트가 셀 사이에 간격을 두도록 요청했는데 일반적으로 CellSpacing = "5"를 사용하지만 작동하지 않는 것으로 보입니다. 나는 ... 몇 가지 물건과 모든 것을 다시 작성하려고Asp.net GridView가 CellSpacing 속성을 무시합니다.

코드 나는 시도 : 실제로 렌더링 무엇

<asp:GridView ID="gvShoppingCart" runat="server" CellSpacing="5" Width="100%" AutoGenerateColumns="false"> 

<some-formating-columns-here /> 

</asp:GridView> 

은 다음과 같습니다

<table cellpadding="0" cellspacing="0" summary=""> 
    <thead> 
     <tr class="AspNet-GridView-Header"> 
      <th scope="col">Produit</th> 
      <th scope="col"> </th> 
      <th class="Center" scope="col">Quantité</th> 
      <th class="Right" scope="col"> Prix Unitaire </th> 
      <th class="Right" scope="col">Prix</th> 
     </tr> 
    </thead> 
<body-columns-here /> 
</table> 

내가 추가하는 것에 아무 생각이 없음 w ...

의견이 있으십니까?

+0

사용중인 ASP.NET 프레임 워크의 버전과이 동작을 볼 브라우저를 확인할 수 있습니까? 또한 정의 된 컨트롤 어댑터가 있습니까? (.browser 파일을 보려면/App_Browsers 폴더를 확인해야합니다). –

답변

0

CSS를 사용해 보셨습니까? HTML 요소에 적용되는 클래스를 아는 경우 특정 CSS 클래스에 대해 CSS 채우기를 사용할 수 있습니다. 나는 그 기회를 줄 것이다.

예제는 다음과 같습니다처럼

<asp:GridView ID="gvShoppingCart" runat="server" CssClass="gvShoppingFormat" Width="100%" AutoGenerateColumns="false"> 
<some-formating-columns-here /> 
</asp:GridView> 

귀하의 CSS 클래스가 보일 것이다 : 나는 당신 때문에 당신이 다음을 수행 고려해야 할 수도 reset.css를 사용하는 가정

.gvShoppingFormat td { 
    padding-left: 5px; 
    padding-right: 5px; 
} 
+0

패딩은 외부가 아닌 셀 내부에 공간을 추가하기 때문에 올바른 옵션이 아닙니다. 각 셀 컨테이너 사이에 실제로 5 픽셀을 넣고 싶습니다. 나는 여백이 될 것이다 : 5px, 그러나 그것은 충분하지 않은 것 같다. – Erick

3

;

당신의 CSS 파일에; 당신은 또한의 GridView에 CellSpacing = "5"를 추가해야 할 수 있도록

table {border-collapse:separate; border-spacing:5px} 

국경 간격은 크로스 브라우저가 아닙니다.

관련 문제