grid width not filling out ngCanvas

[bradrice]

I have this set in my css:

.gridStyle {
border: 1px solid rgb(212,212,212);
height: 600px;
/max-height: 800px;/
width: 750px;
margin: 1em;
}

For some reason I have an empty space at the right of the grid before the scroll bar. It seem like regardless I do it will not fill out. If I inspect the element I get this being specified:

.ng1368027839598 .ngRow {
width: 700px;
}

Why does it subtract 50 pixels from what I have specified? Can I over-ride it so the columns go the entire way across?

[AlexRoscoe]

I've been finding the same problem. Driving me mad

[jonricaurte]

@AlexRoscoe @bradrice Can you try with the latest version? It's pointing at the 2.0.7 branch.

http://plnkr.co/edit/dyA446?p=preview

[jonricaurte]

This should be fixed in the latest version.

[dotcom9]

@jonricaurte This is still happening in 2.0.7. The above plunker doesn't show any data. As far as I can see, the grid is setting a fixed 100px to the width property of the .ngCanvas element. It initially only renders the columns that fit in that width. If you scroll horizontally, it dynamically adds other columns, but the narrow viewport remains. Clicking on a column header displays the grid as configured.

For some reason, this doesn't happen on all grids in this application even though they are configured in a similar way.

[wjdavis5]

I have the exact same issue. Has this been resolved?

[ianlyons]

Same issue as the OP, although it only manifests when the parent controller has the $modal service injected.

[jlnery-zz]

I have the same problem.

The width of the ngCanvas is subtracted from 1069 (of the grid) to 1052.

Any ideias?

[c0bra]

@jlNery which version are you using? How is the grid being displayed, directly on the page? In a modal? What browser?

[jlnery-zz]

@c0bra
Version: 1.2.14
Directly on page.
Chrome and Mozilla

[jlnery-zz]

@c0bra sorry: version 2.0.7

[PaulL1]

What OS? There are some funny issues with OSX in 3.0, perhaps that's related here as well? I think we'll have to take a collection to buy @c0bra a MacBook. :-)

[jlnery-zz]

Windows ! :(

[adammatthewsmith]

Still seeing this in v3.0.7 on Windows for Chrome, FF, and IE. Basically the same screenshot as jlnery. Maybe a scroll-bar width calculation issue?

[sshkuratoff]

I'm still seeing this too but like this... using v3.0.7 MacOSx Chrome. It fixes if I resize the window. It's fine if they are all on one page but I'm trying to move my data tables into tabs. The first grid tab I show is sized correctly and when switching to the other view I get this issue.

[poojacmore]

I am also facing same problem only on Chrome.
Any lead on how to fix this ?