The text in my ui-grid cells are not sizing correctly. Sometimes it happens when switching tabs, then going back to the tab with the ui-grid. Cell width seems to change. Some grids show only one cell, then the issues happens and shows all cells like in the image, but with the ellipsis ... issue. Can be fixed sometimes by maximizing or minimizing the browser window.
uigrid fail
uigrid
Related
Using Angular ui-grid latest version (4.0.0) having 6 columns and it displays correctly on laptop/desktop(Big screens) but displays very badly in small screen devices(Mobile phones), data get cut with (...) and columns display one below the other. Anything to fix it?
We already using the columnDefs with column width in % but it was not coming, though, I have figured it out actually parent div was given 100% width so it's taking viewport width and adjust grid accordingly but when parent width removed its works!!!
I'm trying to add columns to a ng-grid but facing problem with the last column. Even I set the width of the last column, the component enlarge it to the end of the grid. So when I have more rows, a vertical scroll bar as well as an unnecessary horizontal scroll bar is added.
How can I avoid this?
I solved the problem upgrading to ui-grid. with the new version I have a better control of everything
I'm working with an angular strap dropdown and i want it to stay on screen when it is shown. problem described in the picture.
http://i.imgur.com/cznMsAw.gifv
The dropdown takes in an placement attribute which can be set to auto to help it stay on screen but it isn't good enough because it only calculates from the parent element not the screen width and height.
This can been seen in the code in the tooltip module
https://github.com/mgcrea/angular-strap/blob/master/dist/angular-strap.js#L1067
Line 4416 to 4454
does anyone have a solution to this problem.
I have a dataGrid control on the page and below this grid there are some text boxes. in some conditions I dont want to display the grid on the page. For this I have used
dg.Visibilty = Visibilty.Collapse;
It will successfully hide the datagrid, which is fine, but the space that is consumned by the grid is still disply on the page, what I want is when my grid is hidden then controls will shift up automatically just like style=display:none ;
Thanks
What you are doing should work fine.
It might be that the container which contains your data grid might have some height width assigned.
When Data loads in grid and scrolling appears, I can navigate it through up/down arror key. But when the pointer goes down not able to see the content in grid, i mean the grid does not shift upword automatically.
Looks like your grid is not rendered properly. Judging by your description your grid is bigger then the panel it belongs to. Please post some code and screenshots.