• View
• Edit
• History
• Print
• Backlinks

Tables-Talk

enabling $EnableSimpleTableRowspan on PmWiki

Could $EnableSimpleTableRowspan = 1; please be enabled on PmWiki

Undefined tables

Moving this from the main page because it may change. Functionality that is not documented is unsupported and may change at any time -- I prefer people to not start building and relying on such features. --Petko October 22, 2022, at 04:10 PM

Ok with me, thanks, here is an archive that illustrates a (probably broadly useful) use case [1] --Naturevault

HTML5 Validation

Tables, which include "width=100%" or similar do not validate in HTML5, because the width-tag is no longer allowed. You can use a class "width-100" instead and define such a class in CSS. But this is no solution for a lot of old pages and is not compatible with PmWiki's documentation. Is there any way to make "width=x%" directly html5-compatible? [Siegfried 2018-11-20]

There is currently no way for the core to automatically convert the valid HTML4 attributes to HTML5+CSS. A cookbook recipe may, and should, try to implement this. Concerning the PmWiki documentation, there are a limited number of pages and they can be updated. Concerning other websites, if the validation is a requirement, either don't use HTML4 attributes with a HTML5 skin, or use a XHTML4-Transitional skin where these are valid. BTW, I don't believe anyone should use such table attributes in wiki markup: for the tables to be nice and look consistently through a website, they should only have one css classname, or a default style. --Petko November 21, 2018, at 11:28 AM

Other examples

Here's some pretty-fication:

|| border=5 bordercolorlight=blue bordercolordark=red align=center cellpadding=22px cellwidth=175px style='background-image:url([=https://your-domain.com/backgrounds/computer-backgrounds/014.gif=])'
||!cell 1      ||! cell 2  ||!       cell 3||
||left-aligned || centered || right-aligned||

%define=sp padding-right:1em font-weight:bold%
|| border=1
|| [++Events Calendar++] ||||||||||
|| '''May 2005''' || '''June 2005''' || '''July 2005''' || '''August 2005''' || '''September 2005''' ||
||%sp%'''10'''%%6:30 - 8:30 Big Meeting\\\
%sp%'''17'''%%7:00 - 8:30 Bigger Meeting\\\
%sp%'''24'''%%7:00 - 8:30 Biggest Meeting|| || || || ||
|| '''October 2005''' || '''November 2005''' || '''December 2005''' || '''January 2006''' || '''February 2006''' ||
|| || || || || ||

# Here's a piece of code
function foo($msg)
{
   if ($msg == "Hello, World!")
      echo "That is such a lame message!<br>\n";
   else
      echo "Ooh, a creative programmer, are you?<br>\n";
   return true;
}

|| class=mytable
||! m  ||!Geographic zone     ||!Highest point     ||!Country  ||
|| 3700||Arctic               ||Gunnbjørn Fjeld    ||Greenland ||
|| 8848||North Temperate Zone ||Mount Everest      ||Nepal     ||
|| 5790||North Tropical Zone  ||Cayambe            ||Ecuador   ||
|| 6768||South Tropical Zone  ||Huáscarán          ||Peru      ||
|| 6960||South Temperate Zone ||Aconcagua          ||Argentina ||
|| 4892||Antarctic            ||Mount Vinson       ||(none)    ||

/* thick border around Everest (3rd row, 3rd column) */
table.mytable tr:nth-child(3) td:nth-child(3) {
  border: 3px solid green;
  background-color: yellow;
}

/* thin dashed border around Argentina (6th row, 4th column) */
table.mytable tr:nth-child(6) td:nth-child(4) {
  border: 2px dashed red;
}

|| class=myothertable
||'''m'''||'''Geographic zone'''||'''Highest point'''||'''Country'''||
|| 3700||Arctic               ||Gunnbjørn Fjeld    ||Greenland  ||
|| 8848||North Temperate Zone ||!Mount Everest     ||Nepal      ||
|| 5790||North Tropical Zone  ||Cayambe            ||Ecuador    ||
|| 6768||South Tropical Zone  ||Huáscarán          ||Peru       ||
|| 6960||South Temperate Zone ||Aconcagua          ||!Argentina ||
|| 4892||Antarctic            ||Mount Vinson       ||(none)     ||

table.myothertable th {
  border: 4px solid blue;
}

Thanks for the prompt response Petko but I cannot get it to work. Being my first attempt at a wiki I thought I would tackle the complex table first as it forms the heart of what I want to present. I should have said I was using advanced markup and I am assuming a skin will not affect things. my line of code is (:cell colspan=2 style="border: 5px Black;" bgcolor=#00b0f0:) %color=Black%[[Nelson Section]]

All aspect work as expected in the various combinations I am using them except the borders.I sometimes need a full border, other times individual borders. RS July 31, 2021 at 02:48 PM

(:table border=0 class=myadvancedtable:)
(:cell:) a1
(:cell colspan=2 class=thickborder:) thick border
(:cell:) d1
(:cellnr class=thinborder:) thin border
(:cell:) b2
(:cell:) c2
(:cell style="border: 2px dotted green; background-color:yellow;":) dotted green border
(:tableend:)

table.myadvancedtable td.thickborder {
  border: 4px solid black;
  background-color: #00b0f0;
}
table.myadvancedtable td.thinborder {
  border: 1px solid red;
}

Thanks again Petko. I had been thinking of moving to CSS Classes but was not sure how to proceed, the concise notes should help there. In the meantime I finally tracked my problem with the Styles down to not including a 'line type' for the Border attributes. I only had black instead of solid black. I will proceed and see how it handles a very large table, create the Info pages and set up the Trails. All good learning. -- RS July 31, 2021, at 9:13 PM

I have now got all the issues of creating my large special table resolved but it has the annoying feature of always sending you back to the top left corner when you return to the table from a link. Is there a way to record and set the slider values in PMWiki? Obviously you can in HTML but it looks to me like that detail of coding is not brought through to PMWiki. Any thought appreciated. Robert Aug 10, 2021 at 9:55PM

Sorry, I don't know a ready-to-use way to get a link to make the table scroll to its previous location. It may be possible to place anchors inside the table cells (bottom right of the cell), then have the link point to the anchor. See for example: this link ScrollTable#anchor will scroll the table so the red cell containing the anchor [[#anchor]] is in the viewport. --Petko August 10, 2021, at 12:29 PM