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...