Hello,<br><br>I&#39;m trying to combine PmWiki with the TinyTable V3 in order to make sortable tables.<br><br><a href="http://www.leigeber.com/2009/11/advanced-javascript-table-sorter/" target="_blank">http://www.leigeber.com/2009/11/advanced-javascript-table-sorter/</a><br>


<br>But I need to insert HTML code before and after the rows added by the visitors.<br><br>It would be something like that before the datas inserted by the visitors : <br><br><div style="margin-left: 40px;">        &lt;div id=&quot;tablewrapper&quot;&gt;<br>


                &lt;div id=&quot;tableheader&quot;&gt;<br>                &lt;div class=&quot;search&quot;&gt;<br>                &lt;select id=&quot;columns&quot; onchange=&quot;sorter.search(&#39;query&#39;)&quot;&gt;&lt;/select&gt;<br><br>


                &lt;input type=&quot;text&quot; id=&quot;query&quot; onkeyup=&quot;sorter.search(&#39;query&#39;)&quot; /&gt;<br>            &lt;/div&gt;<br>            &lt;span class=&quot;details&quot;&gt;<br>
&lt;div&gt;Records &lt;span id=&quot;startrecord&quot;&gt;&lt;/span&gt;-&lt;span
id=&quot;endrecord&quot;&gt;&lt;/span&gt; of &lt;span
id=&quot;totalrecords&quot;&gt;&lt;/span&gt;&lt;/div&gt;<br>

                        &lt;div&gt;&lt;a href=&quot;javascript:sorter.reset()&quot;&gt;reset&lt;/a&gt;&lt;/div&gt;<br>                &lt;/span&gt;<br><br>        &lt;/div&gt;<br>        &lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; border=&quot;0&quot; id=&quot;table&quot; class=&quot;tinytable&quot;&gt;<br>


            &lt;thead&gt;<br>                &lt;tr&gt;<br>                    &lt;th class=&quot;nosort&quot;&gt;&lt;h3&gt;ID&lt;/h3&gt;&lt;/th&gt;<br>                    &lt;th&gt;&lt;h3&gt;Name&lt;/h3&gt;&lt;/th&gt;<br>


                    &lt;th&gt;&lt;h3&gt;Phone&lt;/h3&gt;&lt;/th&gt;<br><br>                    &lt;th&gt;&lt;h3&gt;Email&lt;/h3&gt;&lt;/th&gt;<br>                    &lt;th&gt;&lt;h3&gt;Birthdate&lt;/h3&gt;&lt;/th&gt;<br>


                    &lt;th&gt;&lt;h3&gt;Last Access&lt;/h3&gt;&lt;/th&gt;<br>                    &lt;th&gt;&lt;h3&gt;Rating&lt;/h3&gt;&lt;/th&gt;<br>                    &lt;th&gt;&lt;h3&gt;Done&lt;/h3&gt;&lt;/th&gt;<br>                    &lt;th&gt;&lt;h3&gt;Salary&lt;/h3&gt;&lt;/th&gt;<br>


<br>                    &lt;th&gt;&lt;h3&gt;Score&lt;/h3&gt;&lt;/th&gt;<br>                &lt;/tr&gt;<br>            &lt;/thead&gt;<br>            &lt;tbody&gt;<br><br></div>And it would be something like that after : <br>


<br><div style="margin-left: 80px;">&lt;/tbody&gt;<br>        &lt;/table&gt;<br>        &lt;div id=&quot;tablefooter&quot;&gt;<br>          &lt;div id=&quot;tablenav&quot;&gt;<br>                &lt;div&gt;<br>                    &lt;img src=&quot;images/first.gif&quot; width=&quot;16&quot; height=&quot;16&quot; alt=&quot;First Page&quot; onclick=&quot;sorter.move(-1,true)&quot; /&gt;<br>


                    &lt;img src=&quot;images/previous.gif&quot; width=&quot;16&quot; height=&quot;16&quot; alt=&quot;First Page&quot; onclick=&quot;sorter.move(-1)&quot; /&gt;<br>                    &lt;img src=&quot;images/next.gif&quot; width=&quot;16&quot; height=&quot;16&quot; alt=&quot;First Page&quot; onclick=&quot;sorter.move(1)&quot; /&gt;<br>


                    &lt;img src=&quot;images/last.gif&quot; width=&quot;16&quot; height=&quot;16&quot; alt=&quot;Last Page&quot; onclick=&quot;sorter.move(1,true)&quot; /&gt;<br><br>                &lt;/div&gt;<br>                &lt;div&gt;<br>


                    &lt;select id=&quot;pagedropdown&quot;&gt;&lt;/select&gt;<br>                &lt;/div&gt;<br>                &lt;div&gt;<br>                    &lt;a href=&quot;javascript:sorter.showall()&quot;&gt;view all&lt;/a&gt;<br>


                &lt;/div&gt;<br>            &lt;/div&gt;<br><br>            &lt;div id=&quot;tablelocation&quot;&gt;<br>                &lt;div&gt;<br>                    &lt;select onchange=&quot;sorter.size(this.value)&quot;&gt;<br>


                    &lt;option value=&quot;5&quot;&gt;5&lt;/option&gt;<br>                        &lt;option value=&quot;10&quot; selected=&quot;selected&quot;&gt;10&lt;/option&gt;<br>                        &lt;option value=&quot;20&quot;&gt;20&lt;/option&gt;<br>


                        &lt;option value=&quot;50&quot;&gt;50&lt;/option&gt;<br><br>                        &lt;option value=&quot;100&quot;&gt;100&lt;/option&gt;<br>                    &lt;/select&gt;<br>                    &lt;span&gt;Entries Per Page&lt;/span&gt;<br>


                &lt;/div&gt;<br>               
&lt;div class=&quot;page&quot;&gt;Page &lt;span id=&quot;currentpage&quot;&gt;&lt;/span&gt;
of &lt;span id=&quot;totalpages&quot;&gt;&lt;/span&gt;&lt;/div&gt;<br>            &lt;/div&gt;<br>

<br>        &lt;/div&gt;<br>    &lt;/div&gt;<br>    &lt;script type=&quot;text/javascript&quot; src=&quot;script.js&quot;&gt;&lt;/script&gt;<br>    &lt;script type=&quot;text/javascript&quot;&gt;<br>    var sorter = new TINY.table.sorter(&#39;sorter&#39;,&#39;table&#39;,{<br>


        headclass:&#39;head&#39;,<br>        ascclass:&#39;asc&#39;,<br>        descclass:&#39;desc&#39;,<br>        evenclass:&#39;evenrow&#39;,<br>        oddclass:&#39;oddrow&#39;,<br>        evenselclass:&#39;evenselected&#39;,<br>


        oddselclass:&#39;oddselected&#39;,<br>        paginate:true,<br>        size:10,<br>        colddid:&#39;columns&#39;,<br>        currentid:&#39;currentpage&#39;,<br>        totalid:&#39;totalpages&#39;,<br>        startingrecid:&#39;startrecord&#39;,<br>


        endingrecid:&#39;endrecord&#39;,<br>        totalrecid:&#39;totalrecords&#39;,<br>        hoverid:&#39;selectedrow&#39;,<br>        pageddid:&#39;pagedropdown&#39;,<br>        navid:&#39;tablenav&#39;,<br>        sortcolumn:1,<br>


        sortdir:1,<br><br>        columns:[{index:7, format:&#39;%&#39;, decimals:1},{index:8, format:&#39;$&#39;, decimals:0}],<br>        init:true<br>    });<br>  &lt;/script&gt;<br><br></div><br>I tried several things :<br>


<br><ul><li>I tried to create Tableau.GroupHeader and
Talbeau.GroupFooter . The previous HTML code has to be on every page of
the group Tableau. But I didn&#39;t find the way to allow the HTML code
only for these two pages. These two pages are protected by password in
writing, only the administrator can modify them.</li></ul><ul><li>I tried to find a way in html or PHP to add the previous
HTML code in the appropriate file. I was thinking to create a function
to write the HTML code if the group is &quot;Tableau&quot; before and after the
visitor entry. This text is <span>automatically</span> added to a new
page : &lt;div id=&#39;wikitext&#39;&gt; &lt;/div&gt; . A solution would be to
add the HTML code inside this div. However I didn&#39;t find the way to do
it. Which file should be modified ?</li></ul><br>But there is also another problem, because a table is always created with the tags &lt;table&gt; and &lt;/table&gt;. <br><br>And
I need to add &lt;h3&gt; tags for the first row  :
&lt;th&gt;&lt;h3&gt;Name&lt;/h3&gt;&lt;/th&gt;...   otherwise the
script doesn&#39;t work and this is not possible in the wiki.<br>
<br>
Thus, a solution would be to add only &lt;tr&gt; and &lt;td&gt; tags but not &lt;table&gt; and &lt;/table&gt;<br>when the table is transformed in HTML, when the page is saved.<br><br>This is the adresse of the site : <a href="http://comparonslesprix.free.fr/pmwiki/" target="_blank">http://comparonslesprix.free.fr/pmwiki/</a><br>

It&#39;s a site of prices comparison for/by consummers.<br><br>I hope to have been clear, although my english is not very good ;)<br>Thank you in advance for your help !<br>Arnaud<br>