I have a vf page rendered as pdf. I have dynamic data table in this vf page. So at run time only I will get to know how many number of rows are there going to be. I want to show borders in this table somewhat like below picture:
if the field value is a string it should start from the left side and if its an integer value it should lie on the right side similar to the picture. I have tried some solutions like: border="1" cellspacing="0" but this gives border for every row and columns which I do not want. Also I have tried: border-bottom="10px" , but this also does not work for me. Any idea on how should I approach this.
This is the first Vf page I am working on, so any help would be appreciated.