Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
[e] (0) Add informative text about editing tables
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=13598

git-svn-id: http://svn.whatwg.org/webapps@6595 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
Hixie committed Sep 27, 2011
1 parent bda4052 commit 1d99096
Show file tree
Hide file tree
Showing 3 changed files with 142 additions and 2 deletions.
49 changes: 48 additions & 1 deletion complete.html
Expand Up @@ -527,7 +527,8 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
<li><a href=#the-del-element><span class=secno>4.7.2 </span>The <code>del</code> element</a></li>
<li><a href=#attributes-common-to-ins-and-del-elements><span class=secno>4.7.3 </span>Attributes common to <code>ins</code> and <code>del</code> elements</a></li>
<li><a href=#edits-and-paragraphs><span class=secno>4.7.4 </span>Edits and paragraphs</a></li>
<li><a href=#edits-and-lists><span class=secno>4.7.5 </span>Edits and lists</a></ol></li>
<li><a href=#edits-and-lists><span class=secno>4.7.5 </span>Edits and lists</a></li>
<li><a href=#edits-and-tables><span class=secno>4.7.6 </span>Edits and tables</a></ol></li>
<li><a href=#embedded-content-1><span class=secno>4.8 </span>Embedded content</a>
<ol>
<li><a href=#the-img-element><span class=secno>4.8.1 </span>The <code>img</code> element</a>
Expand Down Expand Up @@ -21979,6 +21980,52 @@ <h4 id=edits-and-lists><span class=secno>4.7.5 </span>Edits and lists</h4>
</div>


<h4 id=edits-and-tables><span class=secno>4.7.6 </span>Edits and tables</h4>

<p><i>This section is non-normative.</i></p>

<p>The elements that form part of the table model have complicated
content model requirements that do not allow for the
<code><a href=#the-ins-element>ins</a></code> and <code><a href=#the-del-element>del</a></code> elements, so indicating edits
to a table can be difficult.</p>

<p>To indicate that an entire row or an entire column has been added
or removed, the entire contents of each cell in that row or column
can be wrapped in <code><a href=#the-ins-element>ins</a></code> or <code><a href=#the-del-element>del</a></code> elements
(respectively).</p>

<div class=example>

<p>Here, a table's row has been added:</p>

<pre>&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt; &lt;th&gt; Game name &lt;th&gt; Game publisher &lt;th&gt; Verdict
&lt;tbody&gt;
&lt;tr&gt; &lt;td&gt; Diablo 2 &lt;td&gt; Blizzard &lt;td&gt; 8/10
&lt;tr&gt; &lt;td&gt; Portal &lt;td&gt; Valve &lt;td&gt; 10/10
<strong> &lt;tr&gt; &lt;td&gt; &lt;ins&gt;Portal 2&lt;/ins&gt; &lt;td&gt; &lt;ins&gt;Valve&lt;/ins&gt; &lt;td&gt; &lt;ins&gt;10/10&lt;/ins&gt;</strong>
&lt;/table&gt;</pre>

<p>Here, a a column has been removed (the time at which it was removed is given also, as is a link to the page explaining why):</p>

<pre>&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt; &lt;th&gt; Game name &lt;th&gt; Game publisher &lt;th&gt; <strong>&lt;del cite="/edits/r192" datetime="2011-05-02T14:23Z"&gt;Verdict&lt;/del&gt;</strong>
&lt;tbody&gt;
&lt;tr&gt; &lt;td&gt; Diablo 2 &lt;td&gt; Blizzard &lt;td&gt; <strong>&lt;del cite="/edits/r192" datetime="2011-05-02T14:23Z"&gt;8/10&lt;/del&gt;</strong>
&lt;tr&gt; &lt;td&gt; Portal &lt;td&gt; Valve &lt;td&gt; <strong>&lt;del cite="/edits/r192" datetime="2011-05-02T14:23Z"&gt;10/10&lt;/del&gt;</strong>
&lt;tr&gt; &lt;td&gt; Portal 2 &lt;td&gt; Valve &lt;td&gt; <strong>&lt;del cite="/edits/r192" datetime="2011-05-02T14:23Z"&gt;10/10&lt;/del&gt;</strong>
&lt;/table&gt;</pre>

</div>

<p>Generally speaking, there is no good way to indicate more
complicated edits (e.g. that a cell was removed, moving all
subsequent cells up or to the left).</p>




<h3 id=embedded-content-1><span class=secno>4.8 </span>Embedded content</h3>

Expand Down
49 changes: 48 additions & 1 deletion index
Expand Up @@ -527,7 +527,8 @@
<li><a href=#the-del-element><span class=secno>4.7.2 </span>The <code>del</code> element</a></li>
<li><a href=#attributes-common-to-ins-and-del-elements><span class=secno>4.7.3 </span>Attributes common to <code>ins</code> and <code>del</code> elements</a></li>
<li><a href=#edits-and-paragraphs><span class=secno>4.7.4 </span>Edits and paragraphs</a></li>
<li><a href=#edits-and-lists><span class=secno>4.7.5 </span>Edits and lists</a></ol></li>
<li><a href=#edits-and-lists><span class=secno>4.7.5 </span>Edits and lists</a></li>
<li><a href=#edits-and-tables><span class=secno>4.7.6 </span>Edits and tables</a></ol></li>
<li><a href=#embedded-content-1><span class=secno>4.8 </span>Embedded content</a>
<ol>
<li><a href=#the-img-element><span class=secno>4.8.1 </span>The <code>img</code> element</a>
Expand Down Expand Up @@ -21843,6 +21844,52 @@ Course course = Helm.CourseFactory(Heading, &lt;wbr&gt;Maps.MapFactoryFromHeadin
</div>


<h4 id=edits-and-tables><span class=secno>4.7.6 </span>Edits and tables</h4>

<p><i>This section is non-normative.</i></p>

<p>The elements that form part of the table model have complicated
content model requirements that do not allow for the
<code><a href=#the-ins-element>ins</a></code> and <code><a href=#the-del-element>del</a></code> elements, so indicating edits
to a table can be difficult.</p>

<p>To indicate that an entire row or an entire column has been added
or removed, the entire contents of each cell in that row or column
can be wrapped in <code><a href=#the-ins-element>ins</a></code> or <code><a href=#the-del-element>del</a></code> elements
(respectively).</p>

<div class=example>

<p>Here, a table's row has been added:</p>

<pre>&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt; &lt;th&gt; Game name &lt;th&gt; Game publisher &lt;th&gt; Verdict
&lt;tbody&gt;
&lt;tr&gt; &lt;td&gt; Diablo 2 &lt;td&gt; Blizzard &lt;td&gt; 8/10
&lt;tr&gt; &lt;td&gt; Portal &lt;td&gt; Valve &lt;td&gt; 10/10
<strong> &lt;tr&gt; &lt;td&gt; &lt;ins&gt;Portal 2&lt;/ins&gt; &lt;td&gt; &lt;ins&gt;Valve&lt;/ins&gt; &lt;td&gt; &lt;ins&gt;10/10&lt;/ins&gt;</strong>
&lt;/table&gt;</pre>

<p>Here, a a column has been removed (the time at which it was removed is given also, as is a link to the page explaining why):</p>

<pre>&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt; &lt;th&gt; Game name &lt;th&gt; Game publisher &lt;th&gt; <strong>&lt;del cite="/edits/r192" datetime="2011-05-02T14:23Z"&gt;Verdict&lt;/del&gt;</strong>
&lt;tbody&gt;
&lt;tr&gt; &lt;td&gt; Diablo 2 &lt;td&gt; Blizzard &lt;td&gt; <strong>&lt;del cite="/edits/r192" datetime="2011-05-02T14:23Z"&gt;8/10&lt;/del&gt;</strong>
&lt;tr&gt; &lt;td&gt; Portal &lt;td&gt; Valve &lt;td&gt; <strong>&lt;del cite="/edits/r192" datetime="2011-05-02T14:23Z"&gt;10/10&lt;/del&gt;</strong>
&lt;tr&gt; &lt;td&gt; Portal 2 &lt;td&gt; Valve &lt;td&gt; <strong>&lt;del cite="/edits/r192" datetime="2011-05-02T14:23Z"&gt;10/10&lt;/del&gt;</strong>
&lt;/table&gt;</pre>

</div>

<p>Generally speaking, there is no good way to indicate more
complicated edits (e.g. that a cell was removed, moving all
subsequent cells up or to the left).</p>




<h3 id=embedded-content-1><span class=secno>4.8 </span>Embedded content</h3>

Expand Down
46 changes: 46 additions & 0 deletions source
Expand Up @@ -23480,6 +23480,52 @@ Course course = Helm.CourseFactory(Heading, &lt;wbr>Maps.MapFactoryFromHeading(h
</div>


<h4>Edits and tables</h4>

<!--END dev-html--><p><i>This section is non-normative.</i></p><!--START dev-html-->

<p>The elements that form part of the table model have complicated
content model requirements that do not allow for the
<code>ins</code> and <code>del</code> elements, so indicating edits
to a table can be difficult.</p>

<p>To indicate that an entire row or an entire column has been added
or removed, the entire contents of each cell in that row or column
can be wrapped in <code>ins</code> or <code>del</code> elements
(respectively).</p>

<div class="example">

<p>Here, a table's row has been added:</p>

<pre>&lt;table>
&lt;thead>
&lt;tr> &lt;th> Game name &lt;th> Game publisher &lt;th> Verdict
&lt;tbody>
&lt;tr> &lt;td> Diablo 2 &lt;td> Blizzard &lt;td> 8/10
&lt;tr> &lt;td> Portal &lt;td> Valve &lt;td> 10/10
<strong> &lt;tr> &lt;td> &lt;ins>Portal 2&lt;/ins> &lt;td> &lt;ins>Valve&lt;/ins> &lt;td> &lt;ins>10/10&lt;/ins></strong>
&lt;/table></pre>

<p>Here, a a column has been removed (the time at which it was removed is given also, as is a link to the page explaining why):</p>

<pre>&lt;table>
&lt;thead>
&lt;tr> &lt;th> Game name &lt;th> Game publisher &lt;th> <strong>&lt;del cite="/edits/r192" datetime="2011-05-02T14:23Z">Verdict&lt;/del></strong>
&lt;tbody>
&lt;tr> &lt;td> Diablo 2 &lt;td> Blizzard &lt;td> <strong>&lt;del cite="/edits/r192" datetime="2011-05-02T14:23Z">8/10&lt;/del></strong>
&lt;tr> &lt;td> Portal &lt;td> Valve &lt;td> <strong>&lt;del cite="/edits/r192" datetime="2011-05-02T14:23Z">10/10&lt;/del></strong>
&lt;tr> &lt;td> Portal 2 &lt;td> Valve &lt;td> <strong>&lt;del cite="/edits/r192" datetime="2011-05-02T14:23Z">10/10&lt;/del></strong>
&lt;/table></pre>

</div>

<p>Generally speaking, there is no good way to indicate more
complicated edits (e.g. that a cell was removed, moving all
subsequent cells up or to the left).</p>




<h3>Embedded content</h3>

Expand Down

0 comments on commit 1d99096

Please sign in to comment.