Tuesday 21 August 2012

Give Page Block Table style to HTML Table

This may be very important for showing a HTML table as in Page Block style on a VF page.

Only a few things are to maintain while creating HTML table:

  1. Add class="list" cellspacing="0" cellpadding="0" in <Table> tag
  2. Add class="headerRow" in <tr> header row 
  3. Add class="dataRow" onmouseover="if (window.hiOn){hiOn(this);}" onmouseout="if (window.hiOff){hiOff(this);}" in <tr> in Data rows

 Now your HTML will look as it is a Page Block table.
Enjoy..

No comments:

Post a Comment