question: table borders in pdf

Fed back is good, Alex; please don’t feel like you’re spamming. I appreciate the time you put into finding these things and providing examples.

Tables:

Make sure that there really is a closing tag (I expect there is). Also, you might try the css as described here or test the <hr> tag as mentioned here not that I’m a huge stackoverflow fan, but these seemed to bubble to the surface rather quickly. Finally, it’s good to have a look at Nicola’s examples. Maybe there’s something else we need to do to properly massage the output (read: apply another transform from TCPDF) or just watch the tags and styles. His examples are the standard.

I’ll spend some time as soon as I can reviewing these table issues.

As for new versions, still working out png images with alpha channels in the header (vs the body) in order to update the TCPDF class, but I have a new footer capability I’m testing along with an expanded (and hopefully slightly better organized) admin UI. I’ll push it to trunk soon (been waiting on some feedback from Susan on the footer thing, though it seems to work pretty well for me.

Cheers

Lewis

Hmmm… Tables are indeed a challenge. Have you looked at Example 61 here?

I’ve had my head into a site revamp and some nagging database issues the past few days, which is why I’ve seemingly fallen off the face of the Earth, but I’m still here. 😉

I’ll take a closer look at tables ASAP.

Thanks, Alex!

Cheers

Lewis

Well, some progress.

First, I looked at your test table 01, Alex. Then I copied it. 😉

I use the CKEditor plugin, which (for me) makes editing tables much easier. I picked up on a css class for the table which came over in the copy:

mceItemTable

On my test site, I added the following for the plugin’s CSS:

table.mceItemTable tr td {
  border:1px solid red;
}

This gets me 1px borders around the table (sans the column headings, which I have yet to figure out).

However, I can’t seem to make the same thing work on your site. Perhaps the CSS class was added by my editor when I did the paste, as I haven’t been able to find it in your page at all.

BTW, if I include th, I lose the borders. My grasp of CSS isn’t masterful enough that I can spot what’s not quite right, but given time and the proper tools – and research materials! – it’s liable to come to me. 😉

Here’s another test table with borders around the cells, as well as some formatting applied to the column headings.

The css for this is simply:

th {
  font-weight: bold;
  color: #636363;
}

Note the column headings. In the browser, they render with:

text-transform: uppercase;

and unfortunately, TCPDF does not recognize text-transform, as Jenny found out here.

The workaround, of course, is to enter the text in upper case, and if necessary, then, apply an override in the opposite direction, e.g,:

text-transform: capitalize;

(or however to suit) for the web rendering (so obviously, this would not go into the plugin’s CSS overrides).

So, in short, some progress, but not a complete solution. The important thing to note, as you discovered, is that even with borders specified in the editor, they must still be applied in the plugin’s CSS overrides, or they are ignored.

Cheers

Lewis