This is a migrated thread and some comments may be shown as answers.

How to remove table border for hierarchical detail table

1 Answer 120 Views
Grid
This is a migrated thread and some comments may be shown as answers.
elango arasu
Top achievements
Rank 1
elango arasu asked on 16 Jun 2010, 04:14 PM
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;
          }

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 17 Jun 2010, 08:29 AM
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 
        {             
            bordernone !important; 
        } 
 </style> 

Thanks,
Princy.


Tags
Grid
Asked by
elango arasu
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or