Discussions concerning ui-grid 4.0 development. See the tutorials: http://ui-grid.info/docs/#/tutorial
@JxJonathan_twitter Note that you can 'view source' of the homepage to see the entire definition of the grid.
Hi everyone, in the scope of my application i would like to add an options to the grid that will force the multi-selection when using the rowHeaderSelection button.
With this options enable, clicking on the row header will have the same effect has a
Is it the good place to ask if this feature fits the scope and aims of the projects ?
With this options enable, clicking on the row header will have the same effect has a
Ctrl+click with modifierKeysToMultiSelectIs it the good place to ask if this feature fits the scope and aims of the projects ?
Does the first demo grid show what you want? (If you click on the check-mark next to the word "Id" then all the rows become checked.) http://ui-grid.info/docs/#!/tutorial/Tutorial:%20210%20Selection
No because the full row selection and the rowHeaderSelection button work the same way. Here a gif showing what i'll want: https://imgur.com/a/glRABMs
Hey guys, I'm having a hard time trying to figure out what is causing this behavior on a grid implementing treeview and selection. https://gifyu.com/image/Gi3k. (I select a parent record, then scroll up and down, and the selection changed. It is not happening always). Maybe someone have experienced something like this? If some ideas of where to start checking, it would be really appreciated.
@Seeyko Thanks. To me, that looks like multiselect:true on the check column and multiselect:false + modkeys:true on the other columns. I don't know how you'd do that because selection is a whole-grid setting, not a per-column setting. You might try adding a cell class to the other columns to munge the grid state, i.e., use the api to deselect all rows then select only the current row. But dealing with the modkeys will be no fun this way. Putting on my DX hat, I'd ask what Use Case are you supporting with this complex behavior?
@mike2011lp Sorry, but I've never used the tree features of the grid. However, I'll take a moment to lean in to my ignorance... Could this just be a paint or refresh problem? Can you ask the grid which rows are selected to see whether it matches what is shown? Or, coming from the other side, arbitrarily throw a notifyDataChange() and see whether the refresh looks different?
Sure @jeffgrossman3000 I tried getting current selected data, while I see the inconsistency on the rendered content. The selected records are ok, it seems like something is happening while painting the grid on scrolling. Check the screenshot https://ibb.co/VYGvbH7. It seems like the records are selected but the checkbox on the row (from the select plugin) is not updated correctly
I tried to reproduce your problem, @mike2011lp , using one of the sample grids that has a couple 10,000 rows in it. Never lost a selection for me. So, it may be specific to trees or some interaction they have with the Selection plugin. The fact that the right rows are still selected, just not painted correctly, suggests that the plugin has somehow lost track of how many rows are visible in the viewport. Out of my depth to debug, I'm sorry, so I hope someone else can chime in.
@jeffgrossman3000 The Use Case of our application. We had a custom table and selection system that work this way. It was really crappy and dev a long time ago so i've push the decision in my team to stop using our hacky table and start using a well develop table (aka ui-grid)
So i'm just trying to replicate our previous features within the ui-grid.
If some users doesn't know the modkey + click for multi select we want them to have a way of multi selection. If they make the effort to click on the column header instead of clicking on the full row. It should be a different action (single selection on full row and multi selection on column header or on full row + modkey)
Is that clearer ?
So i'm just trying to replicate our previous features within the ui-grid.
If some users doesn't know the modkey + click for multi select we want them to have a way of multi selection. If they make the effort to click on the column header instead of clicking on the full row. It should be a different action (single selection on full row and multi selection on column header or on full row + modkey)
Is that clearer ?
Let me now if you want to tchat about this in another place or if it doesn't aim the project scope
Hi guys,
I am new to this group and I joined this group for seeking help regarding angular-ui grid. I have no prior experiene with this package but I have used angular datatables and angular material. the reasson for adopting this package is that the current packages that I am using aren't allowing to implement everything that I need in a table and therefore I thought maybe this package might help. I need a minor help to start with this package and that is please go through these requirements that I have listed and tell me please if these all can be implemented via the angular ui-grid or not? I am studying it right now but its gonna take some time so thought maybe I just seek a little help from you guys.
I am new to this group and I joined this group for seeking help regarding angular-ui grid. I have no prior experiene with this package but I have used angular datatables and angular material. the reasson for adopting this package is that the current packages that I am using aren't allowing to implement everything that I need in a table and therefore I thought maybe this package might help. I need a minor help to start with this package and that is please go through these requirements that I have listed and tell me please if these all can be implemented via the angular ui-grid or not? I am studying it right now but its gonna take some time so thought maybe I just seek a little help from you guys.
I am using ui-grid in one of my project. Here I need to export the data of grid. When I click on drop down menu, export options (for pdf and csv) are getting displayed. But clicking on those options nothing happens. Not even an error in console! What makes it more tricky that the older deployments of same project works fine.
@Seeyko Thank you. I understand. I think you cannot have all three of behaviors ([1] single selection on full row, [2] multi selection on column header or [3] on full row + modkey). I think you can have any two, though you should definitely double-check ((to get 1+2 you need a cell edit function on the row, to get 2+3 you need to disallow focus, etc.). It might be simpler for the user to enable multi-select + modkey and provide a "Clear All" button if they get in trouble.
@AhsanNissar Off the top of my head: fixed columns yes, viewport size yes, filters yes, drag yes, resize yes, pix you write a cell class, dunno what the rest of your things mean. You might play around with http://ui-grid.info/docs/#!/tutorial/Tutorial:%20401%20All%20Features
@arj060892 Write a cell class that invokes a CSS class based on its value (or the value of something else). http://ui-grid.info/docs/#!/api/ui.grid.class:GridOptions.columnDef
Hello All, does ui-grid have drag-to-copy functionality like in excel how you can drag down the bottom right corner of a cell and it copies the data to lower rows?
and is there more advanced filtering like greater than/less than; before / after; selecting multiple vales with check boxes; contains / does not contain, etc.? like:
and is there more advanced filtering like greater than/less than; before / after; selecting multiple vales with check boxes; contains / does not contain, etc.? like:
@FranJal_gitlab I don't know of a built-in function to invert a grid. You can code it up yourself fairly easily: declare a hidden column with a sort on it and leave it empty; when you want to invert the grid, assign numbers into the hidden column and throw a notify event.
@edgehome I have never seen the drag-copy functionality, but then again, I never looked for it. I imagine it is not built-in. As to fancy filtering, that is in the tutorial in a couple spots, most notably http://ui-grid.info/docs/#!/tutorial/Tutorial:%20401%20All%20Features and http://ui-grid.info/docs/#!/tutorial/Tutorial:%20306%20Custom%20Filters
Hi Guys, about flip/transpose UI Grid tables, what I mean is that the horizontal header is displayed vertically on the left side, and all horizontal rows of data that follow the header are displayed vertically from left to right. It's like if the table was rotated by 90 degrees towards the left. Our application flips tables in this fashion automatically, depending on the number of rows/columns. Cheers!
You can, of course, code it up yourself: when a rotate event is needed, copy out the data into a new set of arrays, cross-mapping rows and columns, then assign the new arrays into the grid data.
Or platoon a second grid, hidden until needed. Something like that.
Hello everyone, i'm trying to setup an editable cell with a <select> template that can load more data from server (autocomplete, lazyload, type ahead, call it what you want..)
I can access the appScope list of my loaded data and show them in the editCellTemplate. But when i click in the template to load more data, the request is send and received but the data are not refresh in the editable cell template. Do you know any ways to do it or an exemple of someone already implementing it ?
I have search with some keywords but i'm not sure to search for the rights one.
Thanks :)
I can access the appScope list of my loaded data and show them in the editCellTemplate. But when i click in the template to load more data, the request is send and received but the data are not refresh in the editable cell template. Do you know any ways to do it or an exemple of someone already implementing it ?
I have search with some keywords but i'm not sure to search for the rights one.
Thanks :)
Good afternoon
I have a question on using - ng-html-compile - with UI-Grid and wanted your inputs
Let me describe the problem I am facing -
1) I have a HTML + AngularJS (In VisualStudio 2019) page - which I am saving to SQL Server database. 2)The page has a UI-Grid. 3)There is another form where I am displaying the saved DIVs. 4)I make use of the ng-html-compile for the DIV on the display page to show data. 5)The Grid is rendered, but I see two UI-Grids in place on one UI-Grid. 6)Why is this so and how do I fix this issue?
@jeffgrossman3000 automatically expanded to the width of the text
@unisite The official way is to declare the column width as "*", but it doesn't work. The grid will auto-size columns when its enclosing div changes size; I have not tested that. This plugin says it does it (but also not tested by me): https://github.com/Den-dp/ui-grid-auto-fit-columns