When using Angular-UI-Grid, I am working with the following paginated data: Name | Link A | Show Hide B | Show Hide Within my options: cellTemplate:'<div>' + ' <a ng-click="grid.appScope.show(row)">Show</a> <a ng-clic ...
I've recently started using the updated Angular UI Grid v3.0.7, and I'm facing a challenge with vertical scrolling when implementing a custom cell template. In my grid, there are 15 columns and 83 rows, which is not considered a large dataset. The cell tem ...
Has anyone else experienced this strange behavior with ui-grid? When I set the rowHeight to auto, each cell in the same row ends up with different heights. One of the cells contains multiline data, which seems to be causing issues for ui-grid. I've even co ...
Is there a way to ensure that the add button only appears on the last record in the grid? Below is the code snippet used in the cell template: cellTemplate: '<button class="btn primary" ng-click="grid.appScope.deleteRow(row)">Delete</button ...
I am currently in the process of fetching data from the server. [ { id:1, name:demo, request: { id: 1, localCompany: { id: 1 } } }] [{ }, { }] This is how my JSON object appears to be structured. After calling ...
Could anyone provide guidance on removing the excess white space following rows in a grid? I am looking to have it perfectly align with the number of rows and remain sticky. No white space required in that area. ...
Is there a way to efficiently load columns as needed? I have a large dataset with 5k columns and 100k rows. My framework is angularjs 1.5.7 along with angular-ui-grid ^3.x. The grid performs well with 100k rows and 100 columns, but when trying to load ove ...
The scope variable here holds a value of m3. Is there a way to display 3 as superscript next to m in the UI grid column header? $scope.Unit = m3; ...
I have implemented angularjs ui-grid for sorting 4 columns in my grid. However, I want to hide the sort numbers displayed in the grid. I have searched for a solution or configuration through API but did not find anything helpful. Thank you. https://i.sta ...
When setting pinning and rowTemplate together, the rowTemplate repeats 3 times in a single row. I suspect it is related to the pinning column, but I am unsure how to rectify it. Here's the link to the Plunker showcasing the issue: http://plnkr.co/edit/Xo ...
I created a modal form with a grid on the page. When the button is clicked, the modal opens. After submitting the form, the data should be displayed in the ui-grid. To see the code I have tried, check out this Plunker: http://plnkr.co/edit/GWR0yoACZfCSD ...
The options for the grid displayed below are meeting expectations in terms of data presentation. However, when attempting to format the value of row.entity[col.field] in my cellTemplate, I am not getting any data returned. Here is the code snippet: $scop ...
I'm facing an issue with pushing data to my UI grid that I have configured in my Angular application. Here are the steps I followed: <div ng-controller="MainCtrl"> <div id="grid1" ui-grid="gridOptions" class="grid"></div> </div> ...
Currently, I am using Angular's UI Grid to showcase multiple columns. However, I am facing an issue with formatting the date column. The date is being displayed as /Date(1451346632162-0000)/, and similar formats. I have attempted to apply filters in my g ...
[summary] How can a button within a column template trigger a method in the surrounding controller when the grid is enclosed in a custom directive? [thanks] Let me illustrate using 3 plunkrs: P1) Implementing a basic action column in ui-grid http://pln ...
I'm currently utilizing an angular ui grid and looking to enhance its functionality. When I click the header icon V, I want to trigger an alert instead of displaying the text 'hello'. Is it possible to show an alert upon clicking the icon? Below is a snip ...
I have been utilizing Angular along with uigrid, which is an excellent library for displaying data in a tabular format. Everything looks good when displaying the table. However, when I update an item and click on a Save button that triggers a rest service ...
Is there a way to enable mass editing in Angular UI Grid by allowing all rows to show editable input fields at once, rather than just one at a time? I have searched online for a solution without success and am now turning to this forum for help. If anyone ...
I'm having an issue with the grid not saving and restoring states, even though I am using the saveState module. There are no errors in the console, everything appears to be functioning correctly, save & restore functions are being called properly, but ...
I am interested in aligning decimal numbers in Angular UI Grid as shown below. 11.293 .89 233424 .34345 I have considered different approaches such as using a cell template with aligned divs or transparent 0s. Has anyone successfully imp ...
Need help sorting a grid column with dollar values that include $ and , as the sorting is not functioning correctly. Is there a solution to make the sorting work, or should I convert the values to numbers and then display them as money? Here is what I cur ...
Currently, I am utilizing ui-grid with external pagination to showcase my data. A problem has arisen where I can only export the data that is currently being viewed. In order to meet my requirements, it is necessary for me to be able to export ALL the data ...
I have been working on creating a grid using UI Grid (recent version of ngGrid) within my current project. However, I am facing some issues with the display. The icons like angle down and row selected icon are not showing up correctly when I include the CS ...
I'm currently working with UI-Grid and facing a challenge while applying a filter to some complex data using their single filter example. Initially, everything runs smoothly when I use simple selectors. However, as soon as I attempt to delve one level deep ...
How do we access the data of all rows within a grouped column in Angular UI Grid? For instance, when looking at the Grouping Tutorial, how can we retrieve all the company names from the 'Company' column? I have successfully obtained the aggrega ...
I'm having an issue with displaying a table using ui-grid. The table is being shown correctly, but the problem arises when I try to use the vm.gridApi.core.refresh() method. Upon adding this method, I received an error stating that vm.gridApi is undefined. ...