VS2005에서 GridView를 사용하는 경우 기본적으로 GridView Control은 Border-Collapse를 추가합니다. 생성 된 HTML 코드의 스타일 속성에 붕괴;
코드 사본은 다음과 같습니다.
<asp : gridview id = "gridview1"runat = "server"borderwidth = "0"> </asp : gridview>
바인딩 데이터가 실행 된 후 페이지의 코드는 다음과 같습니다.
<table cellpacing = "0"rules = "all"id = "gridView1"Style = "Border-Width : 0px; Border-Collapse : Collapse;"> <tr> <th scope = "col"> id </th> <th scope = "col"> name </th> </tr> <td> 1 </td> <td> 1 </td> </tr> <tr> <td> 2 </td> <td> 2 </td> </tr> </table>
GridView Control이 자동으로 추가됩니다 : Border-Collapse : Collapse;
이 자동으로 추가 된 코드를 제거하려면 CellSpacing = "-1"을 추가하고 HTML 코드를 추가하십시오.
<테이블 규칙 = "all"id = "gridView1"style = "Border-Width : 0px;"> <tr> <th scope = "col"> id </th> <th scope = "col"> name </th> </tr> <tr> <td> 1 </td> <td> 1 </td> </tr> <tt> <td> 2 </td> <td> 2 </td> </tr> </table>
한 가지 더 :
그리드 라인 = "없음"은 셀 테두리를 표시하지 않습니다
CellSpacing = "-1"국경 고정 제거 : 붕괴; 그리드 뷰 스타일의 스타일
참고 : Firefox 브라우저에서 발생하는 문제로 인해 테두리 병합이 일부 경계선이 두껍게됩니다. 그리드 라인 = "없음"은이를 해결할 수 있습니다.