그리드뷰 생성 시 스타일 속성에서 border-collapse_javascript 기술을 제거하는 방법

vs2005에서 그리드뷰를 사용하는 경우 기본적으로 그리드뷰 컨트롤은 생성된 HTML 코드의 스타일 속성에 border-collapse:collapse;

를 추가합니다.

코드 복사 코드는 다음과 같습니다.

0271d8be4cec91ef379ce03d053d6c1334ca5f6ede99fa395a5999b2911dfeb4

데이터 바인딩이 실행된 후 페이지의 코드:

<table cellspacing="0" rules="all" border="0" id="GridView1" style="border-width:0px;border-collapse:collapse;">
<tr>
<th scope="col">id</th><th scope="col">name</th>
</tr><tr>
<td>1</td><td>1</td>
</tr><tr>
<td>2</td><td>2</td>
</tr>
</table>

gridview 컨트롤이 자동으로 추가됩니다: border-collapse:collapse;

자동으로 추가된 코드를 제거하려면 CellSpacing="-1"만 추가하면 되고, 추가한 후의 HTML 코드는

입니다.

<table rules="all" border="0" 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><tr>
<td>2</td><td>2</td>
</tr>
</table>

추가 사항:

GridLines="None"은 셀 테두리를 표시하지 않습니다
CellSpacing="-1" GridView 스타일에서 border-collapse:collapse 스타일 제거

참고: Firefox 브라우저에서 발생하는 문제는 테두리 병합으로 인해 일부 테두리 선이 두꺼워진다는 것입니다. GridLines="None"을 사용하면 문제를 해결할 수 있습니다.