ansaurus

Question

Answer 1

+1 A:

The thickness varies in the HTML version as well. I think the problem is with your CSS rules.

This works how I think you want, although it could probably be improved.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html>
  <head>
    <title>Test Table</title>
    <style type="text/css">
    td { 
        border-top: 1px solid black; 
        border-left: 1px solid black; 
    }
    .right { border-right: 1px solid black; }
    .bottom {border-bottom: 1px solid black; }
    </style>
  </head>
  <body>
<table border="0" cellspacing="0" cellpadding="5">
  <tr>

    <td class="a_style">Name</td>
    <td class="a_style">Problem</td>
    <td class="right">Treatment</td>
  </tr>
  <tr>
    <td class="b_first">Jane Doe</td>
    <td class="c_first" style="background-color:#ffff99">Cough</td>

    <td class="right" style="background-color:#ffff99">Vitamins</td>
  </tr>
  <tr>
    <td class="b">John Doe</td>
    <td class="c" style="background-color:#99FF99">Sneezing</td>
    <td class="right" rowspan="2" style="background-color:#99FF99">Nose Spray</td>
  </tr>

  <tr>
    <td class="b">Joe Schmo</td>
    <td class="" style="background-color:#99FF99">Sneezing</td>
  </tr>
  <tr>
    <td class="b">Joe Six Pack</td>
    <td class="c" style="background-color:#cccccc">Flu</td>

    <td class="right bottom" rowspan="3" style="background-color:#cccccc">Flu Shot</td>
  </tr>
  <tr>
    <td class="b">Joe The Plumber</td>
    <td class="" style="background-color:#cccccc">Flu</td>
  </tr>
  <tr>

    <td class="bottom">Joe Doe</td>
    <td class="bottom" style="background-color:#cccccc">Flu</td>
  </tr>
</table>
</body>
</html>

Jason 2010-10-20 16:03:34

No, that's not what I want. Like I wrote, http://www.monteandjanicechan.com/test_table.cfm is exactly how I want the table to look. Certain grids are more bold than the others; this is INTENTIONAL. The more bold grids are there to divide the categories and that's how my customer wants it.

Monte Chan 2010-10-20 16:24:20

If you can, put http://www.monteandjanicechan.com/test_table.cfm and http://www.monteandjanicechan.com/test_table_pdf.cfm side by side. For Joe Schmo and John Doe, both have Sneezing as their problems. Look at the Treatment cell for these two rows. The left border of treatment (Nose Spray) only applies to John Doe but not Joe Schmo in the PDF. Likewise, Joe Six Pack, Joe The Plumber, and Joe Doe all have Flu shots as their treatments. However, the left border of Flu shots only applies to Joe Six Pack, but not to Joe The Plumber and Joe Doe. This is the unevenness that I was referring to.

Monte Chan 2010-10-20 16:31:00

Ah, I see what you mean. When I zoom in, the coloring is shifted 1 pixel to the right and/or down. That is what is causing the issue, I just don't know how you go about fixing it. Does it do it if the cfdocument format is flashpaper as well? It might just be a bug with the PDF generator.

Jason 2010-10-20 16:41:17

I have not tried it in Flashpaper.

Monte Chan 2010-10-20 17:45:26

Well, I came up with a "fix". Instead of doing 1px right and 1px right in the border, I changed it to 2px right and no left border. Now, the grid line does show up the way I want it; however, because of the background color "spills over" 1px and overlaps part of the grid line, the horizontal border that touches the grid line appears to be not connected.

Monte Chan 2010-10-21 22:05:16

ansaurus

tags:

views:

answers:

Using cfdocument to generate PDF

related questions