Ok this is a bit confusing and I have tried it all.
example
[ [my column one][my column two] ]
ok my first column is ok, second has right justified text and when a scroll bar is present its covering up my numbers
What I'd like is how I do that V bar. Since I can add extra spade on my grid
-
row1
row2
extra space I can add by making the height of the grid bigger.
See this does not work with my columns because changing the width makes the column auto fit.
So the best option is to have grid not to do that. Kind of like the last column auto feature. Though I dont want my left column messed with, just add extra space like the height does.
If this is not an option then move the darn bar over... right? no that not easy.
this.gridIDMap.scrollContainer().find("????????").style.left = "10px"; //where is the bar located?
I see,
Yes, padding the past col is one workaround, nice suggestion. In fact this should work out of the box without the need to set the padding manually. Could you let me know which browser & Ignite UI version you are using (including build number, if possible), so that we can try reproducing it ? looks like you also have some custom styling applied to the grid, could you copy/paste your custom CSS ?
Thanks a lot,
Angel
I think you meant to select my answer on this instead of your picture.
Glad it worked.
not the most elegant solution :D but it works. I had to use >tbody>tr because of my divs and 20px did it.
Try just padding your last column to move the contents a little to the left:
$('#gridIDMap tr').each(function () {
var lasttd = $(this).find('td:last');
lasttd.css("padding-right", "10px");
});
here is a shot with the bar over the numbers