Skip to content

Commit

Permalink
HTML markup - change "<colgroup />" for "<colgroup></colgroup>"
Browse files Browse the repository at this point in the history
  • Loading branch information
@duboisp
duboisp committed Jun 29, 2012
1 parent f445f21 commit 3932387
Show file tree
Hide file tree
Showing 4 changed files with 191 additions and 146 deletions.
146 changes: 81 additions & 65 deletions demos/table-parser/Data-Cell.html
View file
Expand Up @@ -137,7 +137,10 @@ <h2>Data Cell</h2>
<p>Here an example of data cell compared to summary cell</p>


<pre><code> &lt;colgroup&gt;&lt;col /&gt;&lt;/colgroup&gt; &lt;colgroup span=&quot;2&quot; /&gt; &lt;colgroup /&gt; &lt;colgroup /&gt;</code></pre>
<pre><code>
&lt;colgroup&gt;&lt;col /&gt;&lt;/colgroup&gt; &lt;colgroup span=&quot;2&quot;&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt; &lt;colgroup&gt;&lt;/colgroup&gt;
</code></pre>
<table>
<caption>Example Table: Number of PPH requests</caption>

Expand All @@ -147,9 +150,9 @@ <h2>Data Cell</h2>
</colgroup>


<colgroup span="2" />
<colgroup />
<colgroup />
<colgroup span="2"></colgroup>
<colgroup></colgroup>
<colgroup></colgroup>
<!--
<colgroup>
<col />
Expand Down Expand Up @@ -257,11 +260,10 @@ <h2>Data Cell</h2>
&lt;col&gt;
&lt;/colgroup&gt;


&lt;colgroup span=&quot;2&quot; /&gt;

&lt;colgroup /&gt;
&lt;colgroup /&gt;
&lt;colgroup span=&quot;2&quot;&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;


&lt;thead&gt;
Expand Down Expand Up @@ -378,15 +380,18 @@ <h3>Simple Column Grouping Example</h3>

<p>The following table only have one row for the column definition. The first colgroup are a header column group. The second colgroup, spanned on 2 column, represent the data colgroup (Level 1). The third colgroup represent the summary of the previous data colgroup (Level 1). The last colgroup represent the summary of the table row summaries (Level 0).</p>

<pre><code> &lt;colgroup /&gt; &lt;colgroup span=&quot;2&quot; /&gt; &lt;colgroup /&gt; &lt;colgroup /&gt;</code></pre>
<pre><code>
&lt;colgroup&gt;&lt;/colgroup&gt; &lt;colgroup span=&quot;2&quot;&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt; &lt;colgroup&gt;&lt;/colgroup&gt;
</code></pre>
<table>
<caption>Example Table: Number of PPH requests</caption>


<colgroup />
<colgroup span="2" />
<colgroup />
<colgroup />
<colgroup></colgroup>
<colgroup span="2"></colgroup>
<colgroup></colgroup>
<colgroup></colgroup>


<thead>
Expand Down Expand Up @@ -465,10 +470,10 @@ <h3>Simple Column Grouping Example</h3>
&lt;caption&gt;Example Table: Number of PPH requests&lt;/caption&gt;


&lt;colgroup /&gt;
&lt;colgroup span=&quot;2&quot; /&gt;
&lt;colgroup /&gt;
&lt;colgroup /&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup span=&quot;2&quot;&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;


&lt;thead&gt;
Expand Down Expand Up @@ -550,18 +555,22 @@ <h3>Multiple Column Group Level</h3>
<p>&quot;L&quot; in the following table are a short hand for Data Column Level</p>


<pre><code> &lt;colgroup /&gt; &lt;colgroup /&gt; &lt;colgroup /&gt; &lt;colgroup /&gt; &lt;colgroup /&gt; &lt;colgroup /&gt;</code></pre>
<pre><code>
&lt;colgroup&gt;&lt;/colgroup&gt; &lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt; &lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt; &lt;colgroup&gt;&lt;/colgroup&gt;
</code></pre>
<table>
<caption>
Caption
</caption>

<colgroup />
<colgroup />
<colgroup />
<colgroup />
<colgroup />
<colgroup />
<colgroup></colgroup>
<colgroup></colgroup>
<colgroup></colgroup>
<colgroup></colgroup>
<colgroup></colgroup>
<colgroup></colgroup>

<thead>
<tr>
Expand Down Expand Up @@ -625,12 +634,12 @@ <h3>Multiple Column Group Level</h3>
Caption
&lt;/caption&gt;

&lt;colgroup /&gt;
&lt;colgroup /&gt;
&lt;colgroup /&gt;
&lt;colgroup /&gt;
&lt;colgroup /&gt;
&lt;colgroup /&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;

&lt;thead&gt;
&lt;tr&gt;
Expand Down Expand Up @@ -692,13 +701,13 @@ <h3>Multiple Column Group Level</h3>
<p>Now if we play with the column group element.</p>


<pre><code> &lt;colgroup span=&quot;6&quot; /&gt; </code></pre>
<pre><code> &lt;colgroup span=&quot;6&quot;&gt;&lt;/colgroup&gt; </code></pre>
<table>
<caption>
Caption
</caption>

<colgroup span="6" />
<colgroup span="6"></colgroup>

<thead>
<tr>
Expand Down Expand Up @@ -762,7 +771,7 @@ <h3>Multiple Column Group Level</h3>
Caption
&lt;/caption&gt;

&lt;colgroup span=&quot;6&quot; /&gt;
&lt;colgroup span=&quot;6&quot;&gt;&lt;/colgroup&gt;

&lt;thead&gt;
&lt;tr&gt;
Expand Down Expand Up @@ -822,14 +831,14 @@ <h3>Multiple Column Group Level</h3>
</details>


<pre><code> &lt;colgroup span=&quot;4&quot; /&gt; &lt;colgroup span=&quot;2&quot; /&gt;</code></pre>
<pre><code> &lt;colgroup span=&quot;4&quot;&gt;&lt;/colgroup&gt; &lt;colgroup span=&quot;2&quot;&gt;&lt;/colgroup&gt;</code></pre>
<table>
<caption>
Caption
</caption>

<colgroup span="4" />
<colgroup span="2" />
<colgroup span="4"></colgroup>
<colgroup span="2"></colgroup>

<thead>
<tr>
Expand Down Expand Up @@ -893,8 +902,8 @@ <h3>Multiple Column Group Level</h3>
Caption
&lt;/caption&gt;

&lt;colgroup span=&quot;4&quot; /&gt;
&lt;colgroup span=&quot;2&quot; /&gt;
&lt;colgroup span=&quot;4&quot;&gt;&lt;/colgroup&gt;
&lt;colgroup span=&quot;2&quot;&gt;&lt;/colgroup&gt;

&lt;thead&gt;
&lt;tr&gt;
Expand Down Expand Up @@ -954,15 +963,15 @@ <h3>Multiple Column Group Level</h3>
</details>


<pre><code> &lt;colgroup span=&quot;4&quot; /&gt; &lt;colgroup /&gt; &lt;colgroup /&gt;</code></pre>
<pre><code> &lt;colgroup span=&quot;4&quot;&gt;&lt;/colgroup&gt; &lt;colgroup&gt;&lt;/colgroup&gt; &lt;colgroup&gt;&lt;/colgroup&gt;</code></pre>
<table>
<caption>
Caption
</caption>

<colgroup span="4" />
<colgroup />
<colgroup />
<colgroup span="4"></colgroup>
<colgroup></colgroup>
<colgroup></colgroup>

<thead>
<tr>
Expand Down Expand Up @@ -1027,9 +1036,9 @@ <h3>Multiple Column Group Level</h3>
Caption
&lt;/caption&gt;

&lt;colgroup span=&quot;4&quot; /&gt;
&lt;colgroup /&gt;
&lt;colgroup /&gt;
&lt;colgroup span=&quot;4&quot;&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;

&lt;thead&gt;
&lt;tr&gt;
Expand Down Expand Up @@ -1090,15 +1099,18 @@ <h3>Multiple Column Group Level</h3>



<pre><code> &lt;colgroup span=&quot;2&quot; /&gt; &lt;colgroup span=&quot;2&quot; /&gt; &lt;colgroup span=&quot;2&quot; /&gt;</code></pre>
<pre><code>
&lt;colgroup span=&quot;2&quot;&gt;&lt;/colgroup&gt; &lt;colgroup span=&quot;2&quot;&gt;&lt;/colgroup&gt;
&lt;colgroup span=&quot;2&quot;&gt;&lt;/colgroup&gt;
</code></pre>
<table>
<caption>
Caption
</caption>

<colgroup span="2" />
<colgroup span="2" />
<colgroup span="2" />
<colgroup span="2"></colgroup>
<colgroup span="2"></colgroup>
<colgroup span="2"></colgroup>

<thead>
<tr>
Expand Down Expand Up @@ -1161,9 +1173,9 @@ <h3>Multiple Column Group Level</h3>
Caption
&lt;/caption&gt;

&lt;colgroup span=&quot;2&quot; /&gt;
&lt;colgroup span=&quot;2&quot; /&gt;
&lt;colgroup span=&quot;2&quot; /&gt;
&lt;colgroup span=&quot;2&quot;&gt;&lt;/colgroup&gt;
&lt;colgroup span=&quot;2&quot;&gt;&lt;/colgroup&gt;
&lt;colgroup span=&quot;2&quot;&gt;&lt;/colgroup&gt;

&lt;thead&gt;
&lt;tr&gt;
Expand Down Expand Up @@ -1223,14 +1235,14 @@ <h3>Multiple Column Group Level</h3>



<pre><code> &lt;colgroup span=&quot;2&quot; /&gt; &lt;colgroup span=&quot;4&quot; /&gt;</code></pre>
<pre><code> &lt;colgroup span=&quot;2&quot;&gt;&lt;/colgroup&gt; &lt;colgroup span=&quot;4&quot;&gt;&lt;/colgroup&gt;</code></pre>
<table>
<caption>
Caption
</caption>

<colgroup span="2" />
<colgroup span="4" />
<colgroup span="2"></colgroup>
<colgroup span="4"></colgroup>

<thead>
<tr>
Expand Down Expand Up @@ -1293,8 +1305,8 @@ <h3>Multiple Column Group Level</h3>
Caption
&lt;/caption&gt;

&lt;colgroup span=&quot;2&quot; /&gt;
&lt;colgroup span=&quot;4&quot; /&gt;
&lt;colgroup span=&quot;2&quot;&gt;&lt;/colgroup&gt;
&lt;colgroup span=&quot;4&quot;&gt;&lt;/colgroup&gt;

&lt;thead&gt;
&lt;tr&gt;
Expand Down Expand Up @@ -1368,7 +1380,11 @@ <h4>Three Data Column Level and More</h4>



<pre><code> &lt;colgroup span=&quot;3&quot; /&gt; &lt;colgroup span=&quot;3&quot; /&gt; &lt;colgroup span=&quot;3&quot; /&gt; &lt;colgroup /&gt; &lt;colgroup /&gt; &lt;colgroup /&gt; &lt;colgroup /&gt;</code></pre>
<pre><code>
&lt;colgroup span=&quot;3&quot;&gt;&lt;/colgroup&gt; &lt;colgroup span=&quot;3&quot;&gt;&lt;/colgroup&gt;
&lt;colgroup span=&quot;3&quot;&gt;&lt;/colgroup&gt; &lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt; &lt;colgroup&gt;&lt;/colgroup&gt; &lt;colgroup&gt;&lt;/colgroup&gt;
</code></pre>
<table>
<caption>Caption</caption>

Expand Down Expand Up @@ -1606,13 +1622,13 @@ <h4>Three Data Column Level and More</h4>
&lt;table&gt;
&lt;caption&gt;Caption&lt;/caption&gt;

&lt;colgroup span=&quot;3&quot; /&gt;
&lt;colgroup span=&quot;3&quot; /&gt;
&lt;colgroup span=&quot;3&quot; /&gt;
&lt;colgroup /&gt;
&lt;colgroup /&gt;
&lt;colgroup /&gt;
&lt;colgroup /&gt;
&lt;colgroup span=&quot;3&quot;&gt;&lt;/colgroup&gt;
&lt;colgroup span=&quot;3&quot;&gt;&lt;/colgroup&gt;
&lt;colgroup span=&quot;3&quot;&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;
&lt;colgroup&gt;&lt;/colgroup&gt;

&lt;thead&gt;
&lt;tr&gt;
Expand Down
6 changes: 3 additions & 3 deletions demos/table-parser/Key-Description-Cell-Table-Row.html
View file
Expand Up @@ -756,8 +756,8 @@ <h3>Descriptive cell defined with colgroup</h3>
<table>
<caption>&quot;Description Cell&quot; example - with one header per row</caption>

<colgroup span="2" />
<colgroup span="3" />
<colgroup span="2"></colgroup>
<colgroup span="3"></colgroup>

<thead>
<tr>
Expand Down Expand Up @@ -967,4 +967,4 @@ <h2>May you would like to see also...</h2>
<script src="../../build/js/pe-ap-min.js"></script>
<!-- ScriptsEnd -->
</body>
</html>
</html>

0 comments on commit 3932387

Please sign in to comment.