I try to create datagrid with footer that's will show as many unique data rows in that field. The problem is the footer will taking more space when more unique data is inserted, what am I try to do is to set the footer with scroll bar and I am stack on it.
It's possible to set footer datagrid with it'sown scrollbar? Can anyone tell me how to do it
Related
I have a table that uses Angular's ng-show to hide/show a drop-down menu in the table. The problem is that when you select a button to edit a row in the table, the table re-sizes. This can be disorienting for the user when the table is really long.
Here is my code
Right now you table cells grow and shrink with the content. When the content grows, so does the table cell. Since your dropdown is larger than the text the table reformats itself. This issue can easily be solved by setting a width and height on the table cell that changes. Here is your example, updated:
http://plnkr.co/edit/4xyoVxc7kn8dFWhNob4G?p=preview
By setting a width and height on the Event Name column the table no longer needs to reformat when the content changes.
I am using a devexpress gridview with editform template. My issue is I have many rows within a grid, so when I edit rows at the bottom of a page, the edit form goes below the screen and I have to scroll down to see the whole edit form. Is there a way to set this grid to auto height so I dont have to scroll down. Also the vertical scroll bar is always displayed even if I make it false.
You can use PopUpEditForm So That You Dont have To ScrollDown On The Screen And It appears in the middle of the screen itself.
You can use the following settings for the PopupEditForm for your grid
<SettingsEditing EditFormColumnCount="2" Mode="PopupEditForm" PopupEditFormWidth="800px"
PopupEditFormHeight="320px" PopupEditFormVerticalAlign="Below" PopupEditFormHorizontalAlign="Center"
PopupEditFormAllowResize="false" />
PopupEditFormWidth,PopupEditFormHeight - You can change it to any size you want so that all your controls are properly placed.
I need to build a list of strings with a checkbox next to each one of them. I want to build it horizontally, but I don't want a horizontal scroll bar to appear. I was thinking of using either a Repeater or a DataList for the task, but how do I wrap the data to prevent a scroll bar to appear?
Try the CheckBoxList but set the repeatdirection to be horizontal and set the container to a specified width but not a specified height.
You can place all of your controls inside this Div
<div style="overflow:scroll;overflow-x:hidden; height:300px;"></div>
I Hope this will resolve your problem.
Is there a way to hide all the DataGrid columns, and not make them included in layout, and still show the header row along with its header text?
I was able to make the DataGrid columns not visible, and not included in layout, but that makes the header text no longer appear.
If no data comes back from the data provider, I want all the columns to disappear and then the header row still be visible along with its text.
Any helps is appreciated. If I cannot figure it out, I guess I will just not show the entire grid at all, but I really want the header row with its text to still be visible.
FYI - In the place of the grid columns, I have a message alert appear, which is why I still want the header row with its text, but I need to not have the columns included in the layout, or visible so I can display the alert message.
Thanks
A DataGrid allows you to set the rowCount, which is the number of visible rows. Note that the header row is considered a row, so if you want to show just the header, set the rowCount to 1. Hope that helps.
I'm having an issue with a custom ItemRenderer I've written for a DataGrid. With this ItemRenderer, it's possible that the contents could exceed the width and height of the DataGrid cell - and when this happens, scroll bars appear, letting me scroll the individual cell.
What I would like, however, is that when the contents of the cell are too large, the entire DataGrid scrolls, rather than the individual cells.
Now, when I set the custom ItemRenderer's horizontal and vertical scroll bar policies to "off", I get the vertical scrolling on the DataGrid that I want (the individual cells stretch to accommodate the full height of the contents) but I don't get any horizontal scrolling. Instead, any content too wide for the cell is clipped. Incidentally, setting the DataGrid's horizontal scroll bar policy to "on" has no effect, the scroll bar gutter is drawn, but nothing scrolls
Is there a way to force the DataGrid to scroll horizontally when my custom ItemRenderer's contents are too wide for the cell?
You may have to find a way calculate and expand the size of the DataGrid horizontally in a canvas so that it shows all the cells, and the scrollbar would appear as part of the canvas.