How to remove table border for hierarchical detail table

[elango arasu]

I have a 5 level hierarchy and need to align all the columns from master to detail, all in a straingt line. I am having only the Headers for the MasterTableView and hiding the Headers for the DetailTables. The Columns are not aligning even after i compensated for the 19 pixel width for the expand-collapse buttons on each Hierarchical level. The problem appears to be due to the Table border width for the nested tables. The Detail table border still appears after i apply the below style.  Somebody Please advise. Thanks in Advance

.rgDetailTable

        {

         border-style: none;

          }

[Princy]

Hello Elango,

Try adding the !important modifier in CSS class. This in turn force the new rule to override any default CSS rules applied for the skin. See the example below.

CSS:

 <style type="text/css">
        .rgDetailTable
        {
            border: none !important;
        }
 </style>

Thanks,
Princy.