I have the following html code
<table style="width: 100%"> <tr> <td style="width: 100%; border: solid 1px #000000;"> dynamic text which is so long that it is longer than one line </td> </tr> </table>
the problem is, I have to fill the rest of the second line with a stripe (to fill the white space, that after printing the PDF file, nothing else can be added):
<table style="width: 100%"> <tr> <td style="width: 100%; border: solid 1px #000000;"> dynamic text which is so long that it is longer than one line ---------(stripe here)----------- </td> </tr> </table>
My first idea was to add stripes to the background of the <td> and wrap the text in the <span> with a white background.
Unfortunately the library doesn't seem to handle <span> tags.
I does not parse the "display: inline" style for a <div> tag also.
My second idea was to add an <img> of a stripe to the end of the line. The image is to be so long that it will fill the whole line even if there is only one word in it.
<table style="width: 100%"> <tr> <td style="width: 100%; border: solid 1px #000000;"> dynamic text which is so long that it is longer than one line <img here filling all the space> </td> </tr> </table>
Unfortunately the <img> tag streaches the <td> tag making its border appear out of the page and <td> tag does not seem to support "overflow: hidden" style.
My questions are:
1) is it possible to somehow modify the library to support span tags or
2) is it possible to allow the <img> to overflow the <td> without streaching it?
Maybe there is some other way to do it?
Any ideas? Remarks?
Regards,
Jakub