Cara mengalih keluar teknik border-collapse_javascript dalam atribut gaya semasa menjana gridview

Apabila menggunakan gridview di bawah vs2005, secara lalai kawalan gridview akan menambah border-collapse:collapse;

pada atribut gaya dalam kod html yang dihasilkan

Salin kod Kod adalah seperti berikut:

0271d8be4cec91ef379ce03d053d6c1334ca5f6ede99fa395a5999b2911dfeb4

Kod dalam halaman selepas data pengikatan dijalankan:

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

Kawalan gridview ditambah secara automatik: border-collapse:collapse;

Untuk mengalih keluar kod yang ditambah secara automatik ini, cuma tambahkan CellSpacing="-1", dan kod html selepas menambahkannya ialah

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

Mata tambahan:

GridLines="None" tidak memaparkan sempadan sel
CellSpacing="-1" Alih keluar gaya border-collapse:collapse dalam gaya GridView

Nota: Masalah yang dihadapi dalam penyemak imbas Firefox ialah penggabungan sempadan menyebabkan beberapa garisan sempadan menjadi lebih tebal GridLines="None" boleh menyelesaikan masalah