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