So entfernen Sie die border-collapse_javascript-Technik im style-Attribut beim Generieren einer Gridview

Bei Verwendung von Gridview unter vs2005 fügt das Gridview-Steuerelement standardmäßig border-collapse:collapse;

zum Stilattribut im generierten HTML-Code hinzu

Code kopieren Der Code lautet wie folgt:

0271d8be4cec91ef379ce03d053d6c1334ca5f6ede99fa395a5999b2911dfeb4

Der Code auf der Seite, nachdem die Datenbindung ausgeführt wurde:

<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>

Das Gridview-Steuerelement wird automatisch hinzugefügt: border-collapse:collapse;

Um diesen automatisch hinzugefügten Code zu entfernen, fügen Sie einfach CellSpacing="-1" hinzu und der HTML-Code nach dem Hinzufügen lautet

<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>

Zusätzlicher Punkt:

GridLines="None" zeigt keine Zellränder an
CellSpacing="-1" Entfernen Sie den border-collapse:collapse;-Stil im GridView-Stil

Hinweis: Das im Firefox-Browser aufgetretene Problem besteht darin, dass das Zusammenführen von Rändern dazu führt, dass einige Randlinien dicker werden. GridLines="None" kann das Problem lösen