YouTip LogoYouTip

Home > JavaScript > Prop Style Emptycells

Prop Style Emptycells

📅 2026-06-13 | 📂 JavaScript

Rookie Tutorial -- Learning technology, but also dreams!

Home HTML JAVASCRIPT CSS VUE REACT PYTHON3 JAVA C C++ C# AI GO SQL LINUX VS CODE BOOTSTRAP GIT Local Bookmarks

JavaScript Reference Manual

Overview

JavaScript Objects

JavaScript Array Object
JavaScript Boolean Object
JavaScript Date Object
JavaScript Math Object
JavaScript Number Object
JavaScript String Object
JavaScript RegExp Object
JavaScript Global Properties/Functions
JavaScript Operators
JavaScript Error

Browser Objects

Window Object
Navigator Object
Screen Object
History Object
Location Object
Storage Objects

DOM Objects

HTML DOM Document Object
HTML DOM Element Object
HTML DOM Property Object
HTML DOM Event Object
HTML DOM Console Object
CSSStyleDeclaration Object
DOM HTMLCollection

HTML Objects

<a>
<area>
<audio>
<base>
<blockquote>
<body>
<button>
<canvas>
<col>
<colgroup>
<datalist>
<del>
<details>
<dialog>
<embed>
<fieldset>
<form>
<iframe>
<frameset >
<img>
<ins>
<input> - button
<input> - checkbox
<input> - color
<input> - date
<input> - datetime
<input> - datetime-local
<input> - email
<input> - file
<input> - hidden
<input> - image
<input> - month
<input> - number
<input> - range
<input> - password
<input> - radio
<input> - reset
<input> - search
<input> - submit
<input> - text
<input> - time
<input> - url
<input> - week
<keygen>
<link>
<label>
<legend>
<li>
<map>
<menu>
<menuItem>
<meta>
<meter>
<object>
<ol>
<optgroup>
<option>
<param>
<progress>
<q>
<script>
<select>
<source>
< style>
<table>
<td>
<th>
<tr>
<textarea>
<title>
<time>
<track>
<video>
< source>
HTML DOM Table Object
Deep Exploration

script
Script Language
Web Browser
Web Service
Computer
Programming
Computer
Development Tools
Web Design and Development
Scripts

Style emptyCells Property

Style Object

Definition and Usage

The emptyCells property sets or returns whether to display borders and background of empty cells in a table.

Syntax

Set the emptyCells property:

Object.style.emptyCells="show|hide|inherit"

Return the emptyCells property:

Object.style.emptyCells

Value Description
show Display borders and background of empty cells, i.e., draw borders around empty cells.
hide Hide borders and background of empty cells, i.e., do not draw borders around empty cells.
inherit The value of the emptyCells property is inherited from the parent element.

Browser Support

All major browsers support the emptyCells property.

Note: The default value is different in different browsers. In IE, Chrome, and Safari browsers, the default value is "show", while in Firefox and Opera browsers, the default value is "hide".

Note: IE7 and earlier versions do not support the emptyCells property. IE8 supports the emptyCells property only when !DOCTYPE is specified. IE9 supports the emptyCells property.

Example

Example

Change the way empty cells are displayed:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial()</title>
<script>
function show(){
    document.getElementById("myTable").style.emptyCells="show";
}
function hide(){
    document.getElementById("myTable").style.emptyCells="hide";
}
</script>
</head>
<body>

<table id="myTable" border="1">
    <tr>
        <th>Month</th>
        <th>Savings</th>
    </tr>
    <tr>
        <td>January</td>
        <td>$100</td>
    </tr>
    <tr>
        <td>February</td>
        <td></td>
    </tr>
</table>
<br>
<button type="button" onclick="show()">Show Empty Cells</button>
<button type="button" onclick="hide()">Hide Empty Cells</button>
<p><b>Note:</b> Internet Explorer 8 and earlier versions must declare !DOCTYPE to support the empty-cells property.</p>

</body>

Try it »

Style Object

<source>
HTML DOM Table Object

Byte Ark Coding Plan

Supports mainstream large models such as Doubao, GLM, DeepSeek, Kimi, MiniMax, officially provided for stable and reliable service.

¥9.9
/ Month
Subscribe Now

iFlytek Spark Coding Plan

Includes free model call quota, DeepSeek, GLM, Kimi, MiniMax, one-stop experience and deployment platform.

¥3.9
/ Month
Subscribe Now

Click me to share notes

Category Navigation
Python / Data Science
AI / Intelligent Development
Frontend Development
Backend Development
Database
Mobile Development
DevOps / Engineering
Programming Languages
Computer Fundamentals
XML / Web Service
.NET
Website Construction

Advertisement

Overview
Overview
JavaScript Objects
JavaScript Array Object
JavaScript Boolean Object
JavaScript Date Object
JavaScript Math Object
JavaScript Number Object
JavaScript String Object
JavaScript RegExp Object
JavaScript Global Properties/Functions
JavaScript Operators
JavaScript Error
Browser Objects
Window Object
Navigator Object
Screen Object
History Object
Location Object
Storage Objects
DOM Objects
HTML DOM Document Object
HTML DOM Element Object
HTML DOM Property Object
HTML DOM Event Object
HTML DOM Console Object
CSSStyleDeclaration Object
DOM HTMLCollection
HTML Objects
Online Examples
·HTML Examples
·CSS Examples
·JavaScript Examples
·Ajax Examples
·jQuery Examples
·XML Examples
·Java Examples
Character Sets & Tools
· HTML Character Set Settings
· HTML ASCII Character Set
· JS Obfuscation/Encryption
· PNG/JPEG Image Compression
· HTML Color Picker
· JSON Formatter Tool
· Random Number Generator
Latest Updates
· GraphRAG Getting Started Tutorial
· Dart Enumeration and Symbols
· Dart Unit Testing
· Dart Concurrency and Iso...
· Dart Stream Flow
· Dart Asynchronous Programming
· Dart Package and Library Management
Site Information
· Feedback
· Disclaimer
· About Us
· Article Archive
Follow WeChat

My Favorites
Mark Articles
Browsing History
Clear All
No records yet

← Prop Style TablelayoutProp Style Captionside →

📂 Categories