Mozilla Quirks Mode Behavior
should look into tablequirkcolorrule, re-describe, and figure out when it changed.] obsolete since gecko 37 the empty-cells property defaulted to hide in quirks mode but show (according to css2.1) in standards mode (see bug 33244) (though the correct fix would be to specify it on the html table element in quirk.css).
... this quirk has been removed in firefox 37 and empty-cells also defaults to show in quirks mode (bug 1020400).
...[see nstableframe::getdeflationforbackground and figure out what really differs, and when it started differing.] gecko had bug 248239, where table cells acted as they had box-sizing:border-box applied for the purpose of the height property.
...And 5 more matches

<tbody>: The Table Body element - HTML: Hypertext Markup Language
char this attribute is used to set the character to align the cells in a column on.
... valign this attribute specifies the vertical alignment of the text within each row of cells of the table header.
...note that all of the body cells including information about students are contained within a single <tbody> element.
...And 5 more matches

Images, Tables, and Mysterious Gaps - Archive of obsolete content
thanks to an obscure corner of the css specification, every design based on a precise layout of small images in table cells have become visual disasters just waiting to happen.
...in the simplest case, we might add a style like this: td img {display: block;} consider this rule when applied to the following markup: <table cellspacing="0" cellpadding="0" border="0" width="500"> <tr><td><img src="nav1.gif"><img src="nav2.gif"><img src="nav3.gif"><img src="nav4.gif"><img src="nav5.gif"></td></tr> <tr><td style="background: red;"> <img src="smallred.gif" height="1" width="1"></td></tr> <tr><td> <p style="margin: 0.5em;">this is text in another cell of the table.
...this would be especially true if there are many single-pixel cells intended to create cool stacked lines, or something like that.
...And 4 more matches

tree - Archive of obsolete content
editable type: boolean indicates that the cells of the tree may be edited.
...(default in tree.) for trees, you can also use the following values: cell individual cells can be selected text rows are selected; however, the selection highlight appears only over the text of the primary column.
...this object implements the nsitreeboxobject interface and contains functions for retrieving the cells at certain coordinates, redrawing cells and scrolling the tree.
...And 4 more matches

Table Reflow Internals - Archive of obsolete content
the table figures out the column widths (balances) given the style width constraints on the table, col groups, cols, cells the preferred and max element sizes of the cells (from the pass 1 reflow), and considers colspans pass 2 - cell widths are constrained by the column widths (heights are only constrained in paginated mode).
... table reflow table reflows row groups (continued) the row group figures out the row heights given its style height constraints, its rows and cells, and the actual heights of its rows and cells from the pass 2 reflow.
... if the table has a style height, it allocates extra height to its row groups, rows and cells.
...And 4 more matches

Table Cellmap - Archive of obsolete content
* start group cell map dump ***** 023565b0 maprowcount=2 tablerowcount=2 row 0 : c0,0 c0,1 row 1 : c1,0 c1,1 c0,0=02763528(0) c0,1=0276381c(1) c1,0=02763990(0) c1,1=02763ab4(1) ***** end group cell map dump ***** ***** end table cell map dump ***** ***end table dump*** structural information one can imagine the cellmap as grid with equally wide rows and columns where the table cells are drawn.
... these cells can cover more than a grid cell if the row- or colspan attribute is different from 1.
... a colspan lets add a cell to the second row in the 2x2 table and let the second cell in the first row span over two cells.
...And 3 more matches

Garbage collection
in other words, from the point of view of the rest of the engine, the job of the gc is to allocate cells and automatically collect them.
... allocation kind cells are classified by allocation kind.
...(some cells are shared across all compartments in a zone.) an object may not hold a direct pointer to an object in another compartment.
...And 3 more matches

HTMLTableRowElement - Web APIs
htmltablerowelement.bgcolor is a domstring containing the background color of the cells.
... htmltablerowelement.cells read only returns a live htmlcollection containing the cells in the row.
... the htmlcollection is live and is automatically updated when cells are added or removed.
...And 3 more matches

ARIA: table role - Accessibility
<span role="cell">h6</span> </div> <div role="row" aria-rowindex="18"> <span role="cell">rowgroup</span> <span role="cell">thead</span> </div> <div role="row" aria-rowindex="24"> <span role="cell">term</span> <span role="cell">dt</span> </div> </div> </div> description an element with role="table" is a static tabular structure with rows containing cells.
... the cells are not focusable or selectable, though widgets within individual cells of the table can be interactive.
...within that container, each row has role="row" set and contains child cells.
...And 3 more matches

border-spacing - CSS: Cascading Style Sheets
the border-spacing css property sets the distance between the borders of adjacent <table> cells.
... the border-spacing value is also used along the outside edge of the table, where the distance between the table's border and the cells in the first/last column or row is the sum of the relevant (horizontal or vertical) border-spacing and the relevant (top, right, bottom, or left) padding on the table.
... note: the border-spacing property is equivalent to the deprecated cellspacing <table> attribute, except that it has an optional second value that can be used to set different horizontal and vertical spacing.
...And 3 more matches

<table>: The Table element - HTML: Hypertext Markup Language
the html <table> element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.
... cellspacing this attribute defines the size of the space between two cells in a percentage value or pixels.
... the attribute is applied both horizontally and vertically, to the space between the top of the table and the cells of the first row, the left of the table and the first column, the right of the table and the last column and the bottom of the table and the last row.
...And 3 more matches

HTML documentation index - HTML: Hypertext Markup Language
81 <col> element, html, html tabular data, reference, tables, web the html <col> element defines a column within a table and is used for defining common semantics on all common cells.
... 202 <table>: the table element element, html, html tabular data, reference, tables, web the html <table> element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.
... 204 <td>: the table data cell element cells, data cell, element, html, html tabular data, reference, table cell, table data, tables, web, cell, data, td the html <td> element defines a cell of a table that contains data.
...And 3 more matches

Trees - Archive of obsolete content
since the entire body of the tree is a single widget, you can't change the style of individual rows or cells in the normal way.
... this is because there are no elements that display the individual cells, like there is with the listbox.
...essentially, the tree content view is a view where the data for the cells is supplied from tags placed inside the tree.
...And 2 more matches

Mork
some notes on further terminology: when referring to cells or aliases, the first component is the key and the second component is the value.
...the presence of an initial minus means to delete all cells before adding new cells.
...cells and aliases and mids cells are the core of mork: they are key-value pairs of columns and the particular row's values.
...And 2 more matches

ARIA: rowgroup role - Accessibility
a rowgroup contains one or more rows of cells, grid cells, column headers, or row headers within a grid, table or treegrid.
...each row, in turn, contains child cells.
... these cells can be of different types, depending on whether they are column or row headers, or plain or grid cells.
...And 2 more matches

border-collapse - CSS: Cascading Style Sheets
the border-collapse css property sets whether cells inside a <table> have shared or separate borders.
... when cells are collapsed, the border-style value of inset behaves like groove, and outset behaves like ridge.
... when cells are separated, the distance between cells is defined by the border-spacing property.
...And 2 more matches

table-layout - CSS: Cascading Style Sheets
the table-layout css property sets the algorithm used to lay out <table> cells, rows, and columns.
...the widths of the table and its cells are adjusted to fit the content.
... fixed table and column widths are set by the widths of table and col elements or by the width of the first row of cells.
...And 2 more matches

HTML elements reference - HTML: Hypertext Markup Language
<col> the html <col> element defines a column within a table and is used for defining common semantics on all common cells.
... <table> the html <table> element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.
... <th> the html <th> element defines a cell as header of a group of table cells.
...And 2 more matches

Building Trees - Archive of obsolete content
specifically, the action body should be a single treeitem with its rows and cells.
...for cells in normal columns, you can use the value attribute to store some other value and you can use the view’s getcellvalue() method to retrieve it.
...besides the attributes mentioned above, any other attributes specified on the tree rows and cells are ignored.
...otos5.rdf" ref="http://www.xulplanet.com/rdf/myphotos" flags="dont-build-content"> <treecols> <treecol id="photo" label="photo" flex="1"/> </treecols> <template> <treechildren> <treeitem uri="rdf:*"> <treerow> <treecell src="rdf:*"/> </treerow> </treeitem> </treechildren> </template> </tree> this tree displays each photo in the tree cells.

Index - Web APIs
1907 htmltablecellelement api, cells, html dom, htmltablecellelement, interface, reference, table cells, tables the htmltablecellelement interface provides special properties and methods (beyond the regular htmlelement interface it also has available to it by inheritance) for manipulating the layout and presentation of table cells, either header or data cells, in an html document.
... 1915 htmltableelement.cellpadding api, html dom, needsspectable, property, reference the htmltableelement.cellpadding property represents the padding around the individual cells of the table.
... 1916 htmltableelement.cellspacing api, html dom, htmltableelement, needsspectable, obsolete, property, reference, cellspacing while you should instead use the css border-spacing property, the obsolete htmltableelement interface's cellspacing property represents the spacing around the individual <th> and <td> elements representing a table's cells.
... 1933 htmltableheadercellelement api, html dom, interface, reference the htmltableheadercellelement interface provides special properties and methods (beyond the regular htmltablecellelement and htmlelement interfaces it also has available to it by inheritance) for manipulating the layout and presentation of table header cells in an html document.

ARIA: grid role - Accessibility
the grid role is for a widget that contains one or more rows of cells.
...> </td> <!-- more columns --> </tr> <tr> <th scope="row">aisle 2</th> <td tabindex="-1"> <button id="2a" tabindex="-1">2a</button> </td> <td tabindex="-1"> <button id="2b" tabindex="-1">2b</button> </td> <!-- more columns --> </tr> </tbody> </table> description a grid widget contains one or more rows with one or more cells of thematically related interactive content.
... if cells, rows, or columns can be selected, the following key combination are commonly used: key combination action ctrl + space select the column that contains the focus.
... ctrl + a selects all cells.

ARIA: gridcell role - Accessibility
instead use the native html td element in conjunction with the and contenteditable attribute: <td>potato</td> <td>cabbage</td> <td>onion</td> description gridcells with dynamically added, hidden, or removed rows and columns any element with a role="gridcell" applied to it should use aria to describe its order in the table-style grouping, provided the table, grid, or treegrid has the ability to have rows and/or columns dynamically added, hidden, or removed.
...mnheader" aria-colindex="6">zip</div> </div> </div> <div role="rowgroup"> <div role="row"> <div role="gridcell" aria-colindex="1">debra</div> <div role="gridcell" aria-colindex="2">burks</div> <div role="gridcell" aria-colindex="5">new york</div> <div role="gridcell" aria-colindex="6">14127</div> </div> </div> … </div> describing the position of gridcells when the overall structure is unknown in situations where the table-style grouping of content does not provide information about the columns and rows, gridcells must have their positions programatically described by using aria-describedby.
... interactive grids and treegrids editable cells both td elements and elements with a role of gridcell applied to them can be made editable, mimicking functionality similar to editing a spreadsheet.
... expandable cells in a treegrid, gridcells may be made expandable by toggling the aria-expanded attribute.

WAI-ARIA Roles - Accessibility
a figure is generally considered to be one or more images, code snippets, or other content that puts across information in a different way to a regular flow of text.aria: form rolethe form landmark role can be used to identify a group of elements on a page that provide equivalent functionality to an html form.aria: grid rolethe grid role is for a widget that contains one or more rows of cells.
...it is used to provide a generic landmark for people to be able to navigate to easily when none of the other landmark roles are appropriate.aria: row rolean element with role="row" is a row of cells within a tabular structure.
... a row contains one or more cells, grid cells or column headers, and possibly a row header, within a grid, table or treegrid, and optionally within a rowgroup.aria: rowgroup rolean element with role="rowgroup" is a group of rows within a tabular structure.
... a rowgroup contains one or more rows of cells, grid cells, column headers, or row headers within a grid, table or treegrid.aria: search rolethe search landmark role is used to identify a section of the page used to search the page, site, or collection of sites.aria: suggestion rolethe suggestion landmark role semantically denotes a single proposed change to an editable document.

Accessibility documentation index - Accessibility
64 aria: grid role aria, html the grid role is for a widget that contains one or more rows of cells.
... 69 aria: row role aria, aria role, aria row, aria row role, accessibility, reference, row role an element with role="row" is a row of cells within a tabular structure.
... a row contains one or more cells, grid cells or column headers, and possibly a row header, within a grid, table or treegrid, and optionally within a rowgroup.
...a rowgroup contains one or more rows of cells, grid cells, column headers, or row headers within a grid, table or treegrid.

Grid template areas - CSS: Cascading Style Sheets
however you can leave grid cells empty with this method of layout.
...if i want to only display the footer directly under the main content i would need to leave the three cells underneath the sidebar empty.
... spanning multiple cells in our example each of the areas spans multiple grid cells and we achieve this by repeating the name of that grid area multiple times with white space between.
...this means that you must have the same number of cells for each row, if empty with a full stop character demonstrating that the cell is to be left empty.

Table Layout Strategy - Archive of obsolete content
cells can be members of colspans.
...ring all of the others the priority of allocations for columns is as follows: max(min_con, min_adj) max (pct, pct_adj) fix fix_adj max(des_con, des_adj), but use min_pro if present for a fixed width table, the column may get more space if the sum of the col allocations is insufficient column width info columns get their width information from style info <col width="200px"> and from the cells that belong into this column.
...the advantage of this limiting to numeffcols is that we don't poke the cellmap for nonexisting cells.

treecell.editable - Archive of obsolete content
« xul reference home editable type: boolean allows the contents of individual cells in the column to be changed, especially useful when <treecol type="checkbox">.
... also useful for disabling editing of individual treecells.
...the tree must be a content tree for this to work on treecells.

treecol.type - Archive of obsolete content
here is an example css style using the current theme's checkboxes: treechildren::-moz-tree-checkbox { /* unchecked checkbox treecells.
...*/ list-style-image: none; } treechildren::-moz-tree-checkbox(checked) { /* checked checkbox treecells.
...*/ list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); } treechildren::-moz-tree-checkbox(disabled) { /* disabled checkbox treecells.

Tree Widget Changes - Archive of obsolete content
(do not set id of the column to be 'checked' it will cause problems with the css) treechildren::-moz-tree-checkbox(checked) { /* css for checked cells */ list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); } in addition, checkmark columns support editing: <tree editable="true"> <treecols> <treecol type="checkbox" editable="true"> ...
... currently, only checkbox columns support editing, although the content-based tree handles the nsitreeview.setcellvalue() and nsitreeview.setcelltext() functions to change the tree content with a script for other types of cells.
... treechildren::-moz-tree-cell-text { cursor: pointer; } this allows you to create separate cursors for cells.

Custom Tree Views - Archive of obsolete content
the contents of the cells in the first column will be set to the text 'row x' where x is the row number.
... the contents of the cells in the second column will be set to 'february 18'.
...in the 10,000 row example above, getcelltext() is only called for the cells that are currently displayed.

treecell - Archive of obsolete content
attributes editable, label, mode, properties, ref, src, value attributes editable type: boolean allows the contents of individual cells in the column to be changed, especially useful when <treecol type="checkbox">.
... also useful for disabling editing of individual treecells.
...the tree must be a content tree for this to work on treecells.

treecol - Archive of obsolete content
treechildren::-moz-tree-checkbox { /* unchecked checkbox treecells.
... */ list-style-image: none; } treechildren::-moz-tree-checkbox(checked){ /* css for checked cells.
... editable type: boolean allows the contents of cells in the column to be changed, especially useful when type="checkbox".

Browser Feature Detection - Archive of obsolete content
ontent true false true counterincrement true false true counterreset true false true cue true false false cueafter true false false cuebefore true false false cursor true true true direction true true true elevation true false false emptycells true false true fontsizeadjust true false true fontstretch true false true left true true true markeroffset true false true marks true false true maxheight true ie7 only true maxwidth true ie7 only true minheight true true true minwidth ...
... {name: 'content', 'supported': false}, {name: 'counterincrement', 'supported': false}, {name: 'counterreset', 'supported': false}, {name: 'cue', 'supported': false}, {name: 'cueafter', 'supported': false}, {name: 'cuebefore', 'supported': false}, {name: 'cursor', 'supported': false}, {name: 'direction', 'supported': false}, {name: 'elevation', 'supported': false}, {name: 'emptycells', 'supported': false}, {name: 'fontsizeadjust', 'supported': false}, {name: 'fontstretch', 'supported': false}, {name: 'left', 'supported': false}, {name: 'markeroffset', 'supported': false}, {name: 'marks', 'supported': false}, {name: 'maxheight', 'supported': false}, {name: 'maxwidth', 'supported': false}, {name: 'minheight', 'supported': false}, {name: 'minwidth', 'supported'...
...orted = true; ++level; } return math.floor( (100 * level) / features.length ); } function generatereport(object, featureset, description) { var i; var features = _features[featureset]; document.write('<p><b>' + featureset + ' support for properties/methods in ' + description + ', percentage of names defined = ' + supports(object, featureset) + '%<\/b><\/p>'); document.write('<table cellspacing="0">'); for (i = 0; i < features.length; i++) { if (features[i].supported) document.write('<tr><td>' + features[i].name + '<\/td><td>' + features[i].supported + '<\/td><\/tr>'); else document.write('<tr><td>' + features[i].name + '<\/td><td style="background-color:red">' + features[i].supported + '<\/td><\/tr>'); } document.write('<\/table>'); } var oldonerror ...

Grid Cell - MDN Web Docs Glossary: Definitions of Web-related terms
additional row or column tracks will be created to create enough cells to hold all items.
...the five items are placed into grid cells working along an initial row of three grid cells, then creating a new row for the remaining two.
...grid-template-columns: repeat(3,1fr); grid-auto-rows: 100px; } <div class="wrapper"> <div>one</div> <div>two</div> <div>three</div> <div>four</div> <div>five</div> </div> learn more property reference grid-template-columns grid-template-rows grid-auto-rows grid-auto-columns further reading css grid layout guide: basic concepts of grid layout definition of grid cells in the css grid layout specification ...

Styling tables - Learn web development
we've set some letter-spacing on the headings and cells, as we feel it aids readability.
... we've center-aligned the text in the table cells inside the <tbody> so that they line up with the headings.
... by default, cells are given a text-align value of left, and headings are given a value of center, but generally it looks better to have the alignments set the same for both.

Mozilla Web Developer FAQ
the almost standards mode is like the standards mode except it addresses the issue of the next question by rendering table cells with images in the traditional way.
... if the table cells that contain only an image are marked with <td class="imgcell">, the required css rule is: .imgcell img, .imgcell a { display: block; } longer explanation… why are there still gaps even between text rows in tables when the layout engine is in the standards mode or in the almost standards mode?
... in the standards mode and in the almost standards mode mozilla does not suppress the default margins of the first and last child element in table cells.

Gecko Roles
role_table represents a table that contains rows and columns of cells, and optionally, row headers and column headers.
... role_column represents a column of cells within a table.
... role_row represents a row of cells within a table.

Index
170 iaccessibletable interfaces, xpcom, xpcom interface reference typically all accessible objects that represent cells or cell-clusters of a table will be at the same time children of the table.
...when the table cells are not direct children of a table, the object representing the cell can define a "table-cell-index" object attribute identifying the 0 based table cell index.
...ats should first test for the presence of the "table-cell-index" attribute and if it is not present then iaccessible2.indexinparent() can be used as in the typical case where cells are direct children of the table.

nsIAccessibleRole
role_table 24 represents a table that contains rows and columns of cells, and optionally, row headers and column headers.
... role_column 27 represents a column of cells within a table.
... role_row 28 represents a row of cells within a table.

nsITreeColumn
if the cycler attribute is not set, the column cells are regular text cells.
...if the editable attribute is not set, the column cells are not editable.
...if the selectable attribute is not set, the column cells are not selectable.

HTMLTableElement - Web APIs
htmltableelement.bgcolor is a domstring containing the background color of the cells.
... htmltableelement.cellspacing is a domstring containing the width in pixels of the horizontal and vertical separation between cells.
... it reflects the obsolete cellspacing attribute.

Box alignment for block, absolutely positioned and table layout - CSS: Cascading Style Sheets
align-content and justify-content the justify-content property does not apply to block containers or table cells.
... this property does not apply to floated elements or table cells.
...it also does not apply to table cells.

Basic Concepts of grid layout - CSS: Cascading Style Sheets
grid cells a grid cell is the smallest unit on a grid.
... grid areas items can span one or more cells both by row or by column, and this creates a grid area.
... gutters gutters or alleys between grid cells can be created using the column-gap and row-gap properties, or the shorthand gap.

Line-based placement with CSS Grid - CSS: Cascading Style Sheets
if we do not place these on to the grid in any way they will lay out according to the auto-placement rules, one item in each of the first four cells.
...we will take a proper look at how these work in a later guide but you can see as you work that grid is laying out un-placed items into empty cells of the grid.
...note that we can leave cells empty if we wish.

grid-template-areas - CSS: Cascading Style Sheets
the grid-template-areas css property specifies named grid areas, establishing the cells in the grid and assigning them names.
...multiple named cell tokens within and between rows create a single named grid area that spans the corresponding grid cells.
... unless those cells form a rectangle, the declaration is invalid.

place-self - CSS: Cascading Style Sheets
the property doesn't apply to block-level boxes, and to table cells.
...initially the grid container has justify-items and align-items values of stretch — the defaults — which causes the grid items to stretch across the entire width of their cells.
...these values cause the grid items to span only as wide/tall as their content width/height, and align in different positions across their cells, in the block and inline directions.

Index - Archive of obsolete content
1836 colorpicker xul elements, xul reference a palette of colors from which a user may select by clicking on one of the grid cells.
...by default it only contains text but iconic and checkbox listcells are also available.

Monitoring downloads - Archive of obsolete content
.getservice(components.interfaces.mozistorageservice); var dbconn = this.storageservice.opendatabase(this.dbfile); var loglist = document.getelementbyid("loglist"); var statement = dbconn.createstatement("select * from items"); // get all items in table try { while (statement.executestep()) { var row = document.createelement('listitem'); // add the cells to the row var cell = document.createelement('listcell'); var sourcestr = statement.getstring(0); row.setattribute("tooltiptext", sourcestr); sourcestr = sourcestr.slice(sourcestr.lastindexof("/")+1); cell.setattribute("label", sourcestr); // source row.appendchild(cell); cell = document.createelement('listcell'); cell.setattribute("labe...
... to right-justify the numeric columns, we set the appropriate cells' style attribute to text-align:right.

Index - Archive of obsolete content
1105 colorpicker xul elements, xul reference a palette of colors from which a user may select by clicking on one of the grid cells.
...by default it only contains text but iconic and checkbox listcells are also available.

Grids - Archive of obsolete content
instead, you put the contents of cells directly in the row elements.
... flexibility of grids one advantage that grids have over a set of nested boxes is that you can create cells that are flexible both horizontally and vertically.

List Controls - Archive of obsolete content
if you shrink the size horizontally, the labels on the cells will crop themselves automatically using an ellipsis.
... you can use the crop attribute on the cells or items set to the value none to disable the ellipsis.

Trees and Templates - Archive of obsolete content
the cells should have a label attribute to set the label for the cell.
...the two cells grab the name and date from the datasource and place the values in the cell labels.

ActiveXObject - Archive of obsolete content
in the following example, you access properties and methods of the new object using the object variable excelsheet and other excel objects, including the application object and the activesheet.cells collection.
...excelsheet.activesheet.cells(1,1).value = "this is column a, row 1"; // save the sheet.

Grid Areas - MDN Web Docs Glossary: Definitions of Web-related terms
a grid area is one or more grid cells that make up a rectangular area on the grid.
...this creates two grid areas, one covering four grid cells, the other two.

Introduction to CSS layout - Learn web development
i don’t need to put any rules on the child elements; they are automatically placed into the cells our grid has created.
...the <form>, <div>s, and <label>s and <input>s have been told to display like a table, table rows, and table cells respectively — basically, they'll act like html table markup, causing the labels and inputs to line up nicely by default.

Handling common accessibility problems - Learn web development
ctrl + alt + cursor keys (when a table is selected) move between table cells.
...in bad-table.html, none of the cells can be associated at all.

Accessibility API cross-reference
checkbutton check_box check_box checkbox or switch <input type=checkbox> pretty obvious what this is for clock n/a n/a timer <time> column of cells in a table - how would the user specifically point to this, as opposed to the column header or cells?
... grid a composite widget containing a collection of one or more rows with one or more cells where some or all cells in the grid are focusable by using methods of two-dimensional navigation, such as directional arrow keys, e.g.

nsIAccessibleTableCell
columnheadercells nsiarray return an array of column header cells for this cell.
... rowheadercells nsiarray return an array of row header cells for this cell.

Examples of web and XML development using the DOM - Web APIs
to add a row and some cells to an existing table: <table id="table0"> <tr> <td>row 0 cell 0</td> <td>row 0 cell 1</td> </tr> </table> <script> var table = document.getelementbyid('table0'); var row = table.insertrow(-1); var cell, text; for (var i = 0; i < 2; i++) { cell = row.insertcell(-1); text = 'row ' + row.rowindex + ' cell ' + i; cell.appendchild(document.createtextnode(text)); } </script> notes ...
... if dom core methods document.createelement and node.appendchild are used to create rows and cells, ie requires that they are appended to a tbody element, whereas other browsers will allow appending to a table element (the rows will be added to the last tbody element).

Traversing an HTML table with JavaScript and DOM Interfaces - Web APIs
ly (sample1.html) html <input type="button" value="generate a table." onclick="generate_table()"> javascript function generate_table() { // get the reference for the body var body = document.getelementsbytagname("body")[0]; // creates a <table> element and a <tbody> element var tbl = document.createelement("table"); var tblbody = document.createelement("tbody"); // creating all cells for (var i = 0; i < 2; i++) { // creates a table row var row = document.createelement("tr"); for (var j = 0; j < 2; j++) { // create a <td> element and a text node, make the text // node the contents of the <td>, and put the <td> at // the end of the table row var cell = document.createelement("td"); var celltext = document.createtextnode("cell in row ...
...>sample code - traversing an html table with javascript and dom interfaces</title> <script> function start() { // get the reference for the body var mybody = document.getelementsbytagname("body")[0]; // creates <table> and <tbody> elements mytable = document.createelement("table"); mytablebody = document.createelement("tbody"); // creating all cells for(var j = 0; j < 3; j++) { // creates a <tr> element mycurrent_row = document.createelement("tr"); for(var i = 0; i < 4; i++) { // creates a <td> element mycurrent_cell = document.createelement("td"); // creates a text node currenttext = document.createtextnode("cell is row " + j + ", co...

Element.getElementsByTagNameNS() - Web APIs
example // check the alignment on a number of cells in a table in an xhtml document.
... var table = document.getelementbyid("forecast-table"); var cells = table.getelementsbytagnamens("http://www.w3.org/1999/xhtml", "td"); for (var i = 0; i < cells.length; i++) { var axis = cells[i].getattribute("axis"); if (axis == "year") { // grab the data } } specifications specification status comment domthe definition of 'element.getelementsbytagnamens()' in that specification.

HTMLImageElement.x - Web APIs
let logbox = document.queryselector("pre"); let tbl = document.getelementbyid("userinfo") let log = msg => { logbox.innerhtml += `${msg}<br>`; } let cell = tbl.rows[1].cells[2]; let image = cell.queryselector("img"); log(`image's global x: ${image.x}`); log(`image's global y: ${image.y}`); this uses the <table>'s rows property to get a list of the rows in the table, from which it looks up row 1 (which, being a zero-based index, means the second row from the top).
... then it looks at that <tr> (table row) element's cells property to get a list of the cells in that row.

HTMLImageElement.y - Web APIs
let logbox = document.queryselector("pre"); let tbl = document.getelementbyid("userinfo") let log = msg => { logbox.innerhtml += `${msg}<br>`; } let cell = tbl.rows[1].cells[2]; let image = cell.queryselector("img"); log(`image's global x: ${image.x}`); log(`image's global y: ${image.y}`); this uses the <table>'s rows property to get a list of the rows in the table, from which it looks up row 1 (which, being a zero-based index, means the second row from the top).
... then it looks at that <tr> (table row) element's cells property to get a list of the cells in that row.

HTMLTableRowElement.insertCell() - Web APIs
if index is -1 or equal to the number of cells, the cell is appended as the last cell in the row.
... if index is greater than the number of cells, an indexsizeerror exception will result.

Selection.rangeCount - Web APIs
gecko browsers allow multiple selections across table cells.
...in gecko browsers, you can select multiple ranges across table cells by holding down ctrl while dragging with the mouse.

Relationship of grid layout to other layout methods - CSS: Cascading Style Sheets
when you use css grid layout you create a layout and then you place items into it, or you allow the auto-placement rules to place the items into the grid cells according to that strict grid.
...in this case that is a single grid cell, but it could be an area made up of several grid cells.

align-self - CSS: Cascading Style Sheets
the property doesn't apply to block-level boxes, or to table cells.
... the property doesn't apply to block-level boxes, and to table cells.

direction - CSS: Cascading Style Sheets
it also sets the default alignment of text, block-level elements, and the direction that cells flow within a table row.
... unlike the dir attribute in html, the direction property is not inherited from table columns into table cells, since css inheritance follows the document tree, and table cells are inside of rows but not inside of columns.

justify-items - CSS: Cascading Style Sheets
initially the grid container is given a justify-items value of stretch (the default), which causes the grid items to stretch across the entire width of their cells.
... if you hover or tab onto the grid container however, it is given a justify-items value of center, which causes the grid items to span only as wide as their content width, and align in the center of their cells.

justify-self - CSS: Cascading Style Sheets
initially the grid container is given a justify-items value of stretch — the default — which causes the grid items to stretch across the entire width of their cells.
...these values cause the grid items to span only as wide as their content width, and align in different positions across their cells.

visibility - CSS: Cascading Style Sheets
however, the size of other rows and columns is still calculated as though the cells in the collapsed row(s) or column(s) are present.
... visibility: collapse may change the layout of a table if the table has nested tables within the cells that are collapsed, unless visibility: visible is specified explicitly on nested tables.

Block formatting context - Developer guides
table cells (elements with display: table-cell, which is the default for html table cells).
... anonymous table cells implicitly created by the elements with display: table, table-row, table-row-group, table-header-group, table-footer-group (which is the default for html tables, table rows, table bodies, table headers, and table footers, respectively), or inline-table.

<col> - HTML: Hypertext Markup Language
the html <col> element defines a column within a table and is used for defining common semantics on all common cells.
... char this attribute is used to set the character to align the cells in a column on.

<td>: The Table Data Cell element - HTML: Hypertext Markup Language
each string is the id of a group of cells that this header applies to.
... scope this enumerated attribute defines the cells that the header (defined in the <th>) element relates to.

<tfoot>: The Table Foot element - HTML: Hypertext Markup Language
char deprecated since html4obsolete since html5 this attribute is used to set the character to align the cells in a column on.
... valign deprecated since html4obsolete since html5 this attribute specifies the vertical alignment of the text within each row of cells of the table header.

<thead>: The Table Head element - HTML: Hypertext Markup Language
char in html 4, in html5 this attribute is used to set the character to align the cells in a column on.
... valign in html 4, in html5 this attribute specifies the vertical alignment of the text within each row of cells of the table header.

MathML attribute reference - MathML
columnalign <mtable>, <mtd>, <mtr>, <mlabeledtr> specifies the horizontal alignment of table cells.
... unimplemented position <msgroup>, <msrow>, <mscarries>, <msline> rowalign <mtable>, <mtd>, <mtr> specifies the vertical alignment of table cells.

<mlabeledtr> - MathML
columnalign overrides the horizontal alignment of cells specified by <mtable> for this row.
... rowalign overrides the vertical alignment of cells specified by <mtable> for this row.

<mtable> - MathML
columnalign specifies the horizontal alignment of the cells.
... rowalign specifies the vertical alignment of the cells.

<mtr> - MathML
columnalign overrides the horizontal alignment of cells specified by <mtable> for this row.
... rowalign overrides the vertical alignment of cells specified by <mtable> for this row.

Drag and Drop JavaScript Wrapper - Archive of obsolete content
var textobserver = { ondragstart: function (event) { var txt = event.target.getattribute("label"); transferdata.data = new transferdata(); transferdata.data.adddataforflavour("text/unicode",txt); } } this might be useful when implementing drag and drop for cells in a tree.

jspage - Archive of obsolete content
):null;};var e={html:"innerhtml","class":"classname","for":"htmlfor",defaultvalue:"defaultvalue",text:(browser.engine.trident||(browser.engine.webkit&&browser.engine.version<420))?"innertext":"textcontent"}; var b=["compact","nowrap","ismap","declare","noshade","checked","disabled","readonly","multiple","selected","noresize","defer"];var k=["value","type","defaultvalue","accesskey","cellpadding","cellspacing","colspan","frameborder","maxlength","readonly","rowspan","tabindex","usemap"]; b=b.associate(b);hash.extend(e,b);hash.extend(e,k.associate(k.map(string.tolowercase)));var a={before:function(m,l){if(l.parentnode){l.parentnode.insertbefore(m,l); }},after:function(m,l){if(!l.parentnode){return;}var n=l.nextsibling;(n)?l.parentnode.insertbefore(m,n):l.parentnode.appendchild(m);},bottom:functio...

Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
or xhtml mimetype for any "doctype html system" doctype (for example, <!doctype html system "http://www.w3.org/tr/rec-html40/strict.dtd">), except for the ibm doctype for unknown doctypes or doctypes without dtds almost standards mode mozilla introduced almost standards mode for one reason: a section in the css 2 specification breaks designs based on a precise layout of small images in table cells.

Table Layout Regression Tests - Archive of obsolete content
for appendcells1.html a file appendcells1.rgd will be created in the baseline or verify subdirectory.

Elements - Archive of obsolete content
firefox 2) it is impossible to attach bindings to table sub-elements (rows, cells etc.) you can attach binding only to the table element itself.

seltype - Archive of obsolete content
(default in tree.) for trees, you can also use the following values: cell individual cells can be selected text rows are selected; however, the selection highlight appears only over the text of the primary column.

tree.editable - Archive of obsolete content
« xul reference home editable type: boolean indicates that the cells of the tree may be edited.

treecol.editable - Archive of obsolete content
« xul reference home editable type: boolean allows the contents of cells in the column to be changed, especially useful when type="checkbox".

Tooltips - Archive of obsolete content
tooltips in trees as the entire body of the tree is displayed using a single element, the tooltip and tooltiptext attributes do not apply to individual rows or cells of a tree.

treeBoxObject - Archive of obsolete content
this object implements the nsitreeboxobject interface and contains functions for retrieving the cells at certain coordinates, redrawing cells and scrolling the tree.

view - Archive of obsolete content
functions available in the view allow one to retrieve the data within the cells, and determine which rows are nested within others.

Sorting Results - Archive of obsolete content
usually, this would be the same variable that is used to generate the label for the cells in that column, however this is not actually necessary.

Things I've tried to do with XUL - Archive of obsolete content
instead, you must build up your own listitem full of listcells, and then add that listitem to the listbox, using generic dom calls: var row = document.createelement('listitem'); // create and attach 1st cell var cell = document.createelement('listcell'); cell.setattribute('label', label ); cell.setattribute('value', value ); row.appendchild( cell ); // create and attach 2nd cell cell = document.createelement('listcell'); cell.setattribute('label', label2 );...

More Tree Features - Archive of obsolete content
this causes a small triangle or plus sign to appear before the cells in that column to indicate the cells that can be expanded.

RDF Datasources - Archive of obsolete content
to use them, just put the url values above in the label attributes of the buttons or treecells.

Templates - Archive of obsolete content
however, the tradeoff is that trees may only display text, and, since no elements are created, you can't use css properties to style tree cells in the same way.

XUL Questions and Answers - Archive of obsolete content
</listitem> </listbox> <listbox rows="4"> <listhead> <listheader label="single-column"/> </listhead> <listitem type="checkbox" value="1" label="vghkvghk"/> <listitem type="checkbox" value="2" label="vghjkvk" checked="true"/> <listitem type="checkbox" value="3" label="hukfzgjcfj" disabled="true"/> </listbox> </window> list box handlers can only check for listitems not listcells.

The Implementation of the Application Object Model - Archive of obsolete content
but suppose that instead we could store additional information about the tree's columns, namely in which order they occur, then the act of persistently saving a column reordering would take far less time (o(1) to swap two columns, as opposed to a worst case o(n) where n is the number of cells in the tree).

colorpicker - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a palette of colors from which a user may select by clicking on one of the grid cells.

listbox - Archive of obsolete content
(default in tree.) for trees, you can also use the following values: cell individual cells can be selected text rows are selected; however, the selection highlight appears only over the text of the primary column.

listcell - Archive of obsolete content
by default it only contains text but iconic and checkbox listcells are also available.

richlistbox - Archive of obsolete content
(default in tree.) for trees, you can also use the following values: cell individual cells can be selected text rows are selected; however, the selection highlight appears only over the text of the primary column.

Fixing Table Inheritance in Quirks Mode - Archive of obsolete content
for example, if an author writes: <style type="text/css"> body {font-size: 11px;} </style> ...then the text inside table cells should also be 11 pixels in size.

Alignment subject - MDN Web Docs Glossary: Definitions of Web-related terms
block containers (including table cells) the entire content of the block as a single unit.

Index - MDN Web Docs Glossary: Definitions of Web-related terms
180 grid areas css, css grids, reference a grid area is one or more grid cells that make up a rectangular area on the grid.

HTML: A good basis for accessibility - Learn web development
page layouts in the bad old days, people used to create page layouts using html tables — using different table cells to contain the header, footer, sidebar, main content column, etc.

HTML: A good basis for accessibility - Learn web development
page layouts in the bad old days, people used to create page layouts using html tables — using different table cells to contain the header, footer, sidebar, main content column, etc.

WAI-ARIA basics - Learn web development
as an example, you could use aria-labelledby to specify that a key description contained in a <div> is the label for multiple table cells, or you could use it as an alternative to image alt text — specify existing information on the page as an image's alt text, rather than having to repeat it inside the alt attribute.

Grids - Learn web development
to span across two cells, repeat the name.

Assessment: Structuring planet data - Learn web development
ensure all the content is placed into the right cells — in the raw data, each row of planet data is shown next to its associated planet.

HTML Tables - Learn web development
guides this module contains the following articles: html table basics this article gets you started with html tables, covering the very basics such as rows and cells, headings, making cells span multiple columns and rows, and how to group together all the cells in a column for styling purposes.

Gecko info for Windows accessibility vendors
it is not obvious where the role_system_row should exist in the tree when the html rowspan attribute is used to combine to cells in different rows.

Gecko's "Almost Standards" Mode
a common case that this affects is the layout of images inside table cells.

A guide to searching crash reports
the links in the remaining column cells also let you perform a narrower subsequent search with that link's value added to the search criteria.

ROLE_ROW
« gecko roles page represents a row of cells within a table.

ROLE_TABLE
« gecko roles page represents a table that contains rows and columns of cells, and optionally, row headers and column headers.

nsISelectionPrivate
constants constant value description endofprecedingline 0 startofnextline 1 tableselection_none 0 tableselection_cell 1 tableselection_row 2 tableselection_column 3 tableselection_table 4 tableselection_allcells 5 methods addselectionlistener() void addselectionlistener( in nsiselectionlistener newlistener ); parameters newlistener endbatchchanges() will resume user interface updates after a previous call to startbatchchanges().

Working with data
if type is an array type of unspecified length, the following steps are taken: if the value is a size value, a new array of that length is created, with its cells ready to accept values of the same type as those in the specified array.

Cookies - Firefox Developer Tools
you can edit cookies by double-clicking inside cells in the table widget and editing the values they contain, and add new cookies by clicking the "plus" (+) button and then editing the resulting new row to the value you want.

Local Storage / Session Storage - Firefox Developer Tools
you can edit local and session storage items by double-clicking inside cells in the table widget and editing the values they contain: you can delete local storage and session storage entries using the context menu: you can also delete local and session storage entries by selecting an item and pressing the delete or backspace key.

Introduction to the DOM - Web APIs
every element in a document—the document as a whole, the head, tables within the document, table headers, text within the table cells—is part of the document object model for that document, so they can all be accessed and manipulated using the dom and a scripting language like javascript.

Element.getElementsByTagName() - Web APIs
example // check the status of each data cell in a table const table = document.getelementbyid('forecast-table'); const cells = table.getelementsbytagname('td'); for (let cell of cells) { let status = cell.getattribute('data-status'); if (status === 'open') { // grab the data } } specifications specification status comment domthe definition of 'element.getelementsbytagname()' in that specification.

HTMLTableElement.cellPadding - Web APIs
the htmltableelement.cellpadding property represents the padding around the individual cells of the table.

HTMLTableElement.rules - Web APIs
syntax htmltableelement.rules = rules; var rules = htmltableelement.rules; parameters rules is a string with one of the following values: none no rules groups lines between groups only rows lines between rows cols lines between cols all lines between all cells example // turn on all the internal borders of a table var t = document.getelementbyid("tableid"); t.rules = "all"; specification w3c dom 2 html specification ...

ARIA Screen Reader Implementors Guide - Accessibility
this is particularly important for changes in data cells, where the column and row headers provide important contextual information.

Using the status role - Accessibility
assistive technologies may reserve some cells of a braille display to render the status.

ARIA Test Cases - Accessibility
when navigating cells horizontally, the column header should be spoken for each cell.

Introduction to formatting contexts - CSS: Cascading Style Sheets
a new bfc is created in the following situations: elements made to float using float absolutely positioned elements (including position: fixed or position: sticky) elements with display: inline-block table cells or elements with display: table-cell, including anonymous table cells created when using the display: table-* properties table captions or elements with display: table-caption block elements where overflow has a value other than visible elements with display: flow-root or display: flow-root list-item elements with contain: layout, content, or strict flex items grid items multicol containe...

CSS grids, logical values, and writing modes - CSS: Cascading Style Sheets
in default writing mode, grid auto-places items starting at the top left, moving along to the right, filling up the three cells on the inline axis.

CSS Grid Layout and Accessibility - CSS: Cascading Style Sheets
back in the early days of web design, the way we constructed page layout was to use html tables, then fragment our design into the cells of those tables in order to create a layout.

CSS Grid Layout and Progressive Enhancement - CSS: Cascading Style Sheets
therefore, if you use display: table-cell without any parent element set to display-table, an anonymous table wrapper is created around any adjacent cells, just as if you had wrapped them in a div or other element set to display: table.

Subgrid - CSS: Cascading Style Sheets
take a look at the next example — it uses the same parent and child grid as in the example above, however inside the subgrid i have twelve items trying to autoplace into ten grid cells.

CSS Table - CSS: Cascading Style Sheets
reference properties border-collapse border-spacing caption-side empty-cells table-layout vertical-align specifications specification status comment css level 2 (revision 1) recommendation initial definition ...

Column combinator - CSS: Cascading Style Sheets
/* table cells that belong to the "selected" column */ col.selected || td { background: gray; } syntax column-selector || cell-selector { /* style properties */ } examples html <table border="1"> <colgroup> <col span="2"/> <col class="selected"/> </colgroup> <tbody> <tr> <td>a <td>b <td>c </tr> <tr> <td colspan="2">d</td> <td>e</td> </tr> <tr> <td>f</td> <td colspan="2">g</td> </tr> </tbody> </table> css col.selected || td { background: gray; color: white; font-weight: bold; } result specifications ...

Mozilla CSS extensions - CSS: Cascading Style Sheets
-moz-inline-box -moz-inline-gridobsolete since gecko 62 -moz-inline-stackobsolete since gecko 62 -moz-inline-table -moz-gridobsolete since gecko 62 -moz-grid-groupobsolete since gecko 62 -moz-grid-lineobsolete since gecko 62 -moz-groupbox -moz-deckobsolete since gecko 62 -moz-popupobsolete since gecko 62 -moz-stackobsolete since gecko 62 -moz-markerobsolete since gecko 62 empty-cells -moz-show-background (default value in quirks mode) font -moz-button -moz-info -moz-desktop -moz-dialog (also a color) -moz-document -moz-workspace -moz-window -moz-list -moz-pull-down-menu -moz-field (also a color) font-family -moz-fixed image-rendering -moz-crisp-edges <length> -moz-calc list-style-type -moz-arabic-indic -moz-bengali -moz-cjk-ea...

CSS reference - CSS: Cascading Style Sheets
umn-widthcolumnsconic-gradient()containcontentcontrast()<counter>counter-incrementcounter-resetcounter-set@counter-stylecounters()cross-fade()cubic-bezier()::cue::cue-regioncursor<custom-ident>d:defaultdeg<dimension>:dirdirection:disableddisplay<display-box><display-inside><display-internal><display-legacy><display-listitem><display-outside>dpcmdpidppxdrop-shadow()eelement()ellipse()em:emptyempty-cells:enabledenv()exffallback (@counter-style)filter<filter-function>:first:first-child::first-letter (:first-letter)::first-line (:first-line):first-of-typefit-content()<flex>flexflex-basisflex-directionflex-flowflex-growflex-shrinkflex-wrapfloat:focusfont@font-facefont-familyfont-family (@font-face)font-feature-settingsfont-feature-settings (@font-face)@font-feature-valuesfont-kerningfont-language-ov...

align-items - CSS: Cascading Style Sheets
the property doesn't apply to block-level boxes, and to table cells.

calc() - CSS: Cascading Style Sheets
math expressions involving percentages for widths and heights on table columns, table column groups, table rows, table row groups, and table cells in both auto and fixed layout tables may be treated as if auto had been specified.

clamp() - CSS: Cascading Style Sheets
notes math expressions involving percentages for widths and heights on table columns, table column groups, table rows, table row groups, and table cells in both auto and fixed layout tables may be treated as if auto had been specified.

cursor - CSS: Cascading Style Sheets
selection cell the table cell or set of cells can be selected.

max() - CSS: Cascading Style Sheets
notes math expressions involving percentages for widths and heights on table columns, table column groups, table rows, table row groups, and table cells in both auto and fixed layout tables may be treated as if auto had been specified.

min() - CSS: Cascading Style Sheets
notes math expressions involving percentages for widths and heights on table columns, table column groups, table rows, table row groups, and table cells in both auto and fixed layout tables may be treated as if auto had been specified.

vertical-align - CSS: Cascading Style Sheets
values for table cells baseline (and sub, super, text-top, text-bottom, <length>, and <percentage>) aligns the baseline of the cell with the baseline of all other cells in the row that are baseline-aligned.

Challenge solutions - Developer guides
solution the following rule achieves the desired result: #fixed-pin { position:fixed; top: 3px; right: 3px; } tables borders on data cells only challenge change the stylesheet to make the table have a green border around only the data cells.

HTML attribute reference - HTML: Hypertext Markup Language
scope <th> defines the cells that the header test (defined in the th element) relates to.

<colgroup> - HTML: Hypertext Markup Language
note: this attribute is applied on the attributes of the column group, it has no effect on the css styling rules associated with it or, even more, to the cells of the column's members of the group.

itemref - HTML: Hypertext Markup Language
for example, it allows authors to mark up data in a table so that each column defines a separate item while keeping the properties in the cells.

SyntaxError: missing } after function body - JavaScript
examples forgotten closing curly bracket oftentimes, there is a missing curly bracket in your function code: var charge = function() { if (sunny) { usesolarcells(); } else { promptbikeride(); }; correct would be: var charge = function() { if (sunny) { usesolarcells(); } else { promptbikeride(); } }; it can be more obscure when using iife, closures, or other constructs that use a lot of different parenthesis and curly brackets, for example.

Digital video concepts - Web media technologies
the human eye contains two kinds of photoreceptor (light-sensing) cells.

order - SVG: Scalable Vector Graphics
1 1"/> </filter> <rect x="0" y="0" width="200" height="200" style="filter:url(#emboss1);" /> <rect x="0" y="0" width="200" height="200" style="filter:url(#emboss2); transform: translatex(220px);" /> </svg> usage notes value <number-optional-number> default value 3 animatable yes <number-optional-number> this value indicates the number of cells in each dimension for the kernel matrix.