Question
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
RABO BANK
NL
Last activity: 8 Jan 2016 5:02 EST
HTML data alignment
Hi All,
Hope your weekend was nice.
Please help me on the below issue.
In a Section am creating a table and inserting data in the same table as follows...
--------------------------------------------------------------------------------------------------------------------------------------
<p>
<table>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
<pega:forEach name="xxx.pxResults">
<tr>
<td><pega:reference name="$THIS.A" mode="normal"></pega:reference></td>
<td><pega:reference name="$THIS.B" mode="normal"></pega:reference></td>
<td><pega:reference name="$THIS.C" mode="normal"></pega:reference></td>
</tr>
</pega:forEach>
</table>
</p>
-------------------------------------------------------------------------------------------------------------------------------------------------
So my requirement is , the data in the table should be "Top-Left" , please suggest syntax for alignment and where should place the syntax.
Thanks
Suresh Chella
-
Like (0)
-
Share this page Facebook Twitter LinkedIn Email Copying... Copied!
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689966000/18c433f8-1e18-4340-81ce-2be99ef4528f.jpg?itok=rBmW0AVs)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689966000/18c433f8-1e18-4340-81ce-2be99ef4528f.jpg?itok=rBmW0AVs)
JPMC
IN
Hi Suresh,
First question is are you having non autogenerated section? If so why?
Seconds point is if its non auto-generated section its just an HTML and you can apply HTML styling for your need as style="text-align:left;vertical-align:top;"
Else if its an auto generated section, you can create a class in skin and use that in the section layout...
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
RABO BANK
NL
Thanks for the reply Ashish.
Its a non-auto generated file, used same style but its not reflecting
Thanks
Suresh
Updated: 21 Dec 2015 4:19 EST
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689966000/18c433f8-1e18-4340-81ce-2be99ef4528f.jpg?itok=rBmW0AVs)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689966000/18c433f8-1e18-4340-81ce-2be99ef4528f.jpg?itok=rBmW0AVs)
JPMC
IN
Where did you apply that i.e. in Table level or TR or TD level.
Make it at TR or TD level and it should work..
Regards,
Ashish
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
RABO BANK
NL
Tried like this
<td align="left" valign="top">
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689966000/18c433f8-1e18-4340-81ce-2be99ef4528f.jpg?itok=rBmW0AVs)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689966000/18c433f8-1e18-4340-81ce-2be99ef4528f.jpg?itok=rBmW0AVs)
JPMC
IN
Please use style="text-align:left;vertical-align:top;"
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
RABO BANK
NL
Tried but its not working
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689966000/18c433f8-1e18-4340-81ce-2be99ef4528f.jpg?itok=rBmW0AVs)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689966000/18c433f8-1e18-4340-81ce-2be99ef4528f.jpg?itok=rBmW0AVs)
JPMC
IN
Hi suresh,
what is your PRPC version? I feel its just an HTML code and nothing to do with PRPC..
Anyway may i know the exact code used and what is the behavior. (screenshot)..
for example: i have a code as
<table >
<tr style="text-align:left;vertical-align:top;">
<th width=100px; height=100px; style="border:1px solid red;">A</th>
<th>B</th>
<th>C</th>
</tr>
</table >
and the preview of the section looks good.
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
RABO BANK
NL
HI Ashish
I cloud see if try this but unable to see the alignment changes when i get results from Pagelist and put them in HTML.(refer my original approach)
Can you try that and see once, by the way am using PRPC 7.1.6
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689966000/18c433f8-1e18-4340-81ce-2be99ef4528f.jpg?itok=rBmW0AVs)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689966000/18c433f8-1e18-4340-81ce-2be99ef4528f.jpg?itok=rBmW0AVs)
JPMC
IN
Hi Suresh,
I tried again on PRPC 716 with following code to read from clipboard and it works fine for me
<table >
<tr style="text-align:left;vertical-align:top;">
<td width=200px; height=100px; style="border:1px solid red;"><pega:reference name="OperatorID.pyUserIdentifier" mode="normal"></pega:reference></td>
<td>C</td>
</tr>
</table >
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
RABO BANK
NL
Have tried same, but no luck
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689966000/18c433f8-1e18-4340-81ce-2be99ef4528f.jpg?itok=rBmW0AVs)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689966000/18c433f8-1e18-4340-81ce-2be99ef4528f.jpg?itok=rBmW0AVs)
JPMC
IN
Hey Suresh,
What is your browser and its version?
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
RABO BANK
NL
IE 11
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689966000/18c433f8-1e18-4340-81ce-2be99ef4528f.jpg?itok=rBmW0AVs)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689966000/18c433f8-1e18-4340-81ce-2be99ef4528f.jpg?itok=rBmW0AVs)
JPMC
IN
Hi Suresh,
I just tested on IE11 and for me its working even there âº
Few things to try next :
1) Use the style as style="text-align:left !important;vertical-align:top !important;"
2) Try to inspect that TD and TR through IE debugger and see what is the style applied in runtime, what is overwritting…
Regards,
Ashish
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689993000/34e2fb88-5a16-4b7c-b901-4370fa0dd1ca.jpg?itok=nGScIuKe)
RABO BANK
NL
USed in <TD>, its working now, thank you