Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
480
Reduce the spacing between child rows
posted

Hi,

I can't figure out how to reduce the spacing between child rows. I've tried setting the style in the InitializeRow event as such:

                    If sEntryType = Earning Then
                        e.Row.CssClass = RowType.EarningCss.ToString()

                    ElseIf sEntryType = Deduction Then

                        e.Row.CssClass = RowType.DeductionCss.ToString()
                    End If

                ElseIf e.Row.Items.Count.Equals(EmployeeRowColCount) Then

                    e.Row.CssClass = RowType.EmployeeCss.ToString()
                End If

. . . but that didn't work for row height. I also tried setting the css  in the grid band designer for itemCssClass property that is used for row cells, but I got the same result . . .works for all properties except the height.

Here are the style classes:

                TBODY > TR > TD.EarningCss
                {
                    width: 750px;
                    height: 20px;
                    margin-top: 0px;
                    border-width: 1px;
                    border-color: #cccccc;
                    border-top-style: outset;
                    border-right-style: outset;
                    border-left-style: outset;
                    background-image: none !important;
                    background-color: #f0fff0 !important; 
                    color: #990000;
                    font-weight: normal;
                    font-size: 9pt;                   
                }
                TBODY > TR.EarningCss > TD
                {
                    width: 750px;
                    height: 20px;
                    margin-top: 0px;
                    border-width: 1px;
                    border-color: #cccccc;
                    border-top-style: outset;
                    border-right-style: outset;
                    border-left-style: outset;
                    background-image: none !important;
                    background-color: #f0fff0 !important; 
                    color: #990000;
                    font-weight: normal;
                    font-size: 9pt;
                }

I've attached a gif image showing the space between the rows that I need to reduce.

Thanks!

Lee...


 

Parents
  • 7566
    posted

    Hello Lee,

     

    Thank you for posting this question in our community. In order to solve your issue I can recommend you to add to this classes to both of the declarations

    padding-top:0px; Probably the padding is inherited from the native styles and this should reduce the space between the rows.

     

    Try this and let me know the results. In case this does not solve your issue I am attaching a sample here. Please modify the sample in the way issue is reproducible.

     

    I hope this information is helpful.

     

    Sincerely,

    Georgi Sashev

    Developer Support Engineer

    Infragistics, Inc.

    http://es.infragistics.com/support

    WHDG.zip
Reply Children
No Data