Question

In the older versions of TWiki (Cairo), when er used the code | Text1 | Text2 |, the vertical cell border appeared between the cells, just like the horizontal border, even without the TABLEPLUGIN. This feature is missing in 4.1.2.

In 4.1.2, the table is displayed without the vertical cell border (between Text1 and Text2 in the table given below):

How do I get 4.1.2 to display the vertical cell border ?

Environment

-- ChengappaCB - 08 Dec 2007

Answer

If you answer a question - or someone answered one of your questions - please remember to edit the page and set the status to answered. The status selector is below the edit box.

%TABLE{tablerules="all"}%

-- FranzJosefGigler - 10 Dec 2007

Not quite. I am looking for the cell boder between Cell11 and Cell12 and Cell13. It does appear in Cairo

-- ChengappaCB - 10 Dec 2007

I see now that they don't show up in IE6 or IE7. We have improved table rendering since the version installed on twiki.org. So above code would be sufficient for TWiki 4.2.

I can not tell from my head if upgrading your TablePlugin version would suffice.

-- ArthurClemens - 10 Dec 2007

I have my old Cairo installation. The tables show the cell borders in IE6. I don't even have the TablePlugin on my Cairo. I don't intend to use the TablePlugin on my new 4.1.2. Please help !!

-- ChengappaCB - 11 Dec 2007

TablePlugin is distributed by default.

Note that any changes won't be nessecary if you upgrade to TWiki 4.2, in a few weeks.

But this is how to set it for TWiki 4.2:

1. Copy this to a text file:
   

   .twikiTable {
      border-collapse:collapse;
   }
   .twikiTable td {
      border-style:solid;
      border-width:1px;
   }
   

2. Save it as verticalcellborderintables.css on your desktop
3. Attach this file to your Main.TWikiPreferences
4. Write in Main.TWikiPreferences: * Set USERSTYLEURL = %PUBURLPATH%/%MAINWEB%/TWikiPreferences/verticalcellborderintables.css (note 3 spaces before the star)
5. That's it.

More info about this method is in PatternSkinCssCookbook.

-- ArthurClemens - 11 Dec 2007

We have seen several requests like this one. I suggest to add a faint border to separate table cells. Tracked in Bugs:Item5119.

-- PeterThoeny - 12 Dec 2007

Thanks a lot Arthur. I modified the patternskin's style.css directly to get the results. Here is what I did in style.css: (may help others )

/* TablePlugin */
.twikiTable {
   border-collapse:collapse; /* Added by Chengappa for cell border */
   border-style:solid;
   border-width:1px;
   margin:2px 0;
}

.twikiTable td {
   padding:.25em .5em;
/*   border-style:none none solid none; Commented by Chengappa */
   border-style:solid;
/*   border-width:0 0 1px 0; Commented by Chengappa */
   border-width:1px;
}

Thanks to you and to the TWiki team ! -- ChengappaCB - 12 Dec 2007

Note (again) that this will not be necessary for 4.2. Use tablerules="all" for either the TABLEATTRIBUTES or the TABLE tag.

%TABLE{tablerules="all"}%

-- ArthurClemens - 12 Dec 2007

Arthur, this would apply is we use the TablePlugin. But if the TablePlugin is disabled (like what I have done in my 4.1.2), then I suppose we will need to make changes in the CSS file ?

-- ChengappaCB - 12 Dec 2007

If you disable TablePlugin (why?) you won't need to change anything. The default styling has a plain grid.

-- ArthurClemens - 12 Dec 2007