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
545
Grid vertical scrollbar issue with last column if text is right align
posted

Hi

I am using jquery grid in our project wher i have defined the grid width and height due to that i am getting the horizontal and vertical scroll bar automatically and my all text in grid cell are right align by following code

$(gridid).unbind('iggriddatarendered');
    $(gridid).on("iggriddatarendered", function (event, args) {
        for (var i = 0; i < metadata.length; i++) {
            j = i + 1;
            var formatType = metadata[i].FormatType;
            if (formatType.toLowerCase() == "int" || formatType.toLowerCase() == "currency" || formatType.toLowerCase() == "percentage" || formatType.toLowerCase() == "wholenumber" || formatType.toLowerCase() == "double" || formatType.toLowerCase() == "number") {
                args.owner.element.find("tr td:nth-child(" + j + ")").css("text-align", "right");
            }
            
        }
    });

 my problem is the last column text is getting overlapped by vertical scroll bar.

i inspect the last column using Google chrome inspect element tools and i saw the last column is getting automatically padding-right:2pxi think so its happening by some infragistics library.

is there any way to increase the padding right value or is there any other solution for this problem.

Please help me on this as early as possible.

Thanks

Vivek

Parents Reply Children
No Data