Saat menggunakan GridView di VS2005, secara default, kontrol GridView akan menambahkan perbatasan-Collapse: runtuh ke atribut gaya dalam kode HTML yang dihasilkan;
Salinan kode adalah sebagai berikut:
<ASP: GridView id = "gridview1" runat = "server" borderwidth = "0"> </sp: gridview>
Kode di halaman setelah data yang mengikat dijalankan adalah:
<Table CellPacing = "0" aturan = "semua" id = "gridview1" style = "Border-width: 0px; border-collapse: collapse;"> <tr> <tH scope = "col"> id </t> <th scope = "col"> Nama </t th> </tr> <td> 1 </td> <td> 1 </td> </tr> <tr> <td> 2 </td> <td> 2 </td> </tr> </table>
Kontrol GridView akan secara otomatis menambahkan: Border-Collapse: Collapse;
Untuk menghapus kode yang ditambahkan secara otomatis ini, cukup tambahkan cellspacing = "-1" dan tambahkan kode HTML ke
<aturan tabel = "semua" id = "gridview1" style = "border-width: 0px;"> <tr> <th scope = "col"> id </t> <th scope = "col"> nama </t th> </tr> <tr> <td> 1 </td> <td> 1 </td> </tr> <tr> <td> 2 </td> <td> 2 </td> </tr> </table>
Satu hal lagi:
Kisi -kisi = "tidak ada" tidak menampilkan perbatasan sel
Cellspacing = "-1" Hapus border-collapse: runtuh; gaya dalam gaya gridview
Catatan: Masalah yang dihadapi di browser Firefox, penggabungan perbatasan menyebabkan beberapa garis perbatasan menjadi lebih tebal, kisi -kisi = "tidak ada" yang dapat menyelesaikannya