gridview生成時如何去除style屬性中的border-collapse

首頁

web前端

js教程

gridview生成時如何去除style屬性中的border-collapse_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:34 PM

border-collapse GridView style

在vs2005下使用到gridview時，預設的情況下gridview控制項會在產生的html程式碼中的style屬性中加入border-collapse:collapse;

複製程式碼程式碼如下:

綁定資料運行後頁面中的程式碼為：

<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 style中的border-collapse:collapse;樣式

備註：在firefox瀏覽器遇到的問題，邊框合併導致部分邊框線條變粗，GridLines="None" 可以解決

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

Related knowledge

element.style怎麼修改 Nov 24, 2023 am 11:15 AM

element.style修改元素的方法：1、修改元素的背景顏色；2、修改元素的字體大小；3、修改元素的邊框樣式；4、修改元素的字體樣式；5、修改元素的水平對齊方式。詳細介紹：1、修改元素的背景顏色，其語法為「document.getElementById("myElement").style.backgroundColor = "red";」；2、修改元素的字體大小等等。

react 怎麼動態修改style Dec 28, 2022 am 10:44 AM

react動態修改style的方法：1、在需要修改樣式的元素上新增ref，其語法如「<div className='scroll-title clear-fix' ref={ this.manage }>」；2、透過動態控制狀態的變化修改元素的樣式；3、透過在DOM中使用JS程式碼實現不同DOM的展示與隱藏轉換。

Vue3 style新增的特性有哪些及怎麼用 May 14, 2023 pm 10:52 PM

style新特性Vue3.2版本對單一檔案元件的style樣式進行了許多升級，例如局部樣式、css變數以及樣式暴露給模板使用等。（學習影片分享：vue影片教學）一、局部樣式當標籤有scopedattribute的時候，它的CSS只會應用到目前元件的元素：hi.example{color:red;}二、深度選擇器在scoped樣式中的選擇器如果想要做更「深度」的選擇，也即：影響到子元件，可以使用:deep()這個偽類：.a:deep(.b){/*...*/ }透過v-html創建的DOM內容不會被

Vue報錯：無法正確使用v-bind綁定class和style，怎麼解決？ Aug 26, 2023 pm 10:58 PM

Vue報錯：無法正確使用v-bind綁定class和style，怎麼解決？在Vue開發中，我們常常會用到v-bind指令來動態綁定class和style，但是有時候我們可能會遇到一些問題，如無法正確使用v-bind綁定class和style。在本篇文章中，我將為你解釋這個問題的原因，並提供解決方案。首先，讓我們先來了解v-bind指令。 v-bind用於將V

CSS 表格邊框屬性探索：border-collapse 和 border-spacing Oct 25, 2023 am 11:58 AM

CSS表格邊框屬性探索：border-collapse和border-spacing在web開發中，表格是一個常見的元素，用來展示和組織資料。為了讓表格更有可讀性和美觀度，我們可以使用CSS來調整表格的樣式。在調整表格樣式時，border-collapse和border-spacing是兩個非常常用的屬性。 border-collapse：邊框合併bo

使用:checked偽類選擇器改變選取複選框或單選按鈕的樣式 Nov 20, 2023 am 11:48 AM

因為文章長度有限，所以只有簡短的程式碼範例。以下是一個例子：假設我們有以下HTML結構：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewpo

Vue中如何使用class與style綁定陣列來實現多重綁定 Jun 11, 2023 pm 01:29 PM

Vue是一種流行的JavaScript框架，經常用於建立互動式Web應用程式。在Vue中，class和style綁定是兩個常見的概念，用來設定頁面元素的樣式。類似於CSS，它們可以透過選擇器來修改單一或多個元素的外觀。但是，在Vue中，class和style綁定允許您將陣列用作值，從而實現多重綁定。本文將探討如何在Vue中使用class和style綁定數組實

CSS 表格屬性指南：table-layout，border-collapse 和 caption-side Oct 20, 2023 pm 05:42 PM

CSS表格屬性指南：table-layout，border-collapse和caption-side表格是網頁設計中常用的佈局工具之一，可用來展示資料以及整理內容。然而，在設計和使用表格時，合適的CSS屬性的選擇可以確保表格的外觀和功能與您的需求相符。本文將介紹三個常用的CSS表格屬性：table-layout，border-colla

See all articles

gridview生成時如何去除style屬性中的border-collapse_javascript技巧

熱AI工具

Undress AI Tool

Undresser.AI Undress

AI Clothes Remover

ArtGPT

Stock Market GPT

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題