All Questions
Tagged with angular-ui-grid angular-ui
64 questions
0
votes
1answer
351 views
Indeterminate progress bar not working properly
I am using MatProgressBarModule to add a linear indeterminate status bar at end of card-footer. Below is my code -
<mat-card-footer>
<ng-content select="dashboard-card-footer"></...
0
votes
1answer
101 views
Angular ui grid restore state not working
I'm trying to save the state of an angular grid so when you go back to the grid the user can restore where you left it.
I get no errors when I click save or restore.
The grid does not change when ...
1
vote
1answer
35 views
TypeError: XXX undefined with AngularJS $inject Property annotation
Angular UI Grid Get Cell Vaule
I am using angular grid ui and I am trying to get the vaule of cell based on the row and column using getCellValue.
I am getting the error
Unable to get property '$$...
0
votes
0answers
84 views
select entire column data using angular ui grid
I am facing problem when trying to be able to select and copy only the column data(single column) of angular-ui-grid. The normal selection pattern I noticed is selecting the column including the ...
2
votes
0answers
117 views
Creating a custom editor directive in ui-grid for localization
I'm creating an application that uses ui-grid which has to support IE 11. Localization worked fine, except when editing numerical cells (the decimal separator doesn't change).
I read that the way to ...
0
votes
1answer
80 views
custom data filter in angular-ui-grid
{
"grossValue": 500,
"items": [
{
"billNo": "3",
"name": "coke",
"id": 556,
"billAmount": 150,
"quantity": 1,
"...
3
votes
1answer
1k views
angular ui grid with multiple expandable levels and merged cells
I have a plunker.
I'm using angular-ui-grid with 2 levels of expandable rows.
People - expandable
Friends - expandable
Pets - regular
The People level has this expandableRowTemplate
<div ui-...
1
vote
0answers
422 views
Angular-ui-grid pagination controls not being shown
I´m using the following controller and html configuration to have a paginated ui-grid:
app.controller('AdminProspectGridCtrl', function ($scope, $http, uiGridConstants) {
$scope....
0
votes
0answers
58 views
Angularjs ui grid issue with small set of data (very few rows) but containing huge text for some columns
I am using ui grid in Modal but I am facing problem in representing data with large text. I have only maximum up to 5 rows in my data set. But some of the columns in the rows have huge text. So I ...
0
votes
2answers
1k views
How to remove sorting on ui-grid before reload another data set ui-grid
Im using ui-grid to load my data set. Here is my requirment;
step 01: I want to load dataset_01 (scope.gridOptions.data = res_01;).
step 02: I want to sort by First Name (Click by firstname column).
...
0
votes
3answers
359 views
How to disable client side sorting in angular ui-grid?
I have two questions.
I am trying to disable client side sorting in ui-grid, how can I do it?
Instead of client side sorting, I need to set another data set to ui-grid and refresh the data set.
...
0
votes
1answer
524 views
angular ui-grid remove column hidden from export menu
I don't want column hidden feature in ui-grid. So I used enableHiding: false in columns. But I can see columns in Grid export menu (show below)
How can I remove columns: from grid menu ?
Thank you
0
votes
4answers
887 views
ui cell template needs dynamic ng style
In angularjs ui grid, I have the cell template as shown below :
cellTemplate : "<div class="progress"> <div class="progress-bar progress-bar-info" ></div> </div>"
Now I need ...
2
votes
1answer
481 views
angular-ui-grid does not render properly inside nested ui-views
I am using AngularJS with ui-grid and ui-view in an attempt to create a page with a tabbed container. Content of each tab (typically a ui-grid) is being displayed within a ui-view:
<div class="...
1
vote
1answer
1k views
ui.grid A promise was not returned when saveRow event was raised, either nobody is listening to event, or event handler did not return a promise
I am using ui.grid and stuck with celledit functionality. The row gets saved in DB, but shows an error as give below.
angular.min.js:2 A promise was not returned when saveRow event was raised, either ...
0
votes
1answer
60 views
Correct approach to displaying no date
This is my first foray into using angularjs, and heavy client side javascript coding. Mostly I've done it all on .NET server side C# ASPX pages.
Using .NET MVC, with angularjs and ui-grid on client ...
8
votes
6answers
11k views
Setting column width in angular ui grid
I'm using angular ui-grid and have a long grid with almost 30 columns, I want to set fixed width for columns so that at least column header can be seen easily. Is there a way to set, say 10% width for ...
0
votes
2answers
2k views
Handling angularjs ui grid cell template ng-click function for var ctrl = this syntax in the controller
I have the following columnDefs for my angularjs ui grid :
ctrl.temporaryRegGridOptions.columnDefs = [ {
field: 'firstName',
'displayName': 'First / Company Name',
...
0
votes
1answer
643 views
need popover over custom template cell of Angularjs ui grid
I am using Angularjs ui grid with progress bar in first column and my grid options are shown below :
ctrl.gridOptions = {};
ctrl.gridOptions.columnDefs = [{
field: 'completeStatus',
...
1
vote
1answer
698 views
Angular ui-grid: bootstrap dropdown in cell
I have an agular ui-grid and dropdowns in its cells. Why my dropdown doesn't show on click?
var columnDefs1 = [
{ name: 'firstName'},
{ name: 'lastName'},
{ name: 'company'},
{ ...
1
vote
2answers
3k views
Programatically select row in UI-Grid without listener
I want to select all rows of a grid by default, and I managed to do so by adding a data listener in onRegisterApi as specified in this answer:
onRegisterApi : function(gridApi)
{
$scope....
0
votes
1answer
463 views
Angular UI Grid Multiple Columns Editable At The Same Time
I am using Angular UI Grid and I want to know if it is possible to make multiple fields, on multiple rows 'appear' editable at the same time. From a user perspective it is impossible to tell at a ...
0
votes
1answer
525 views
Multiple dropdown filters in the same column
First of all, here is the image:
... and link to the live example.
Yes, the live example doesn't work, that's why I post the question to the SO.
Each item in the left column can have one or ...
1
vote
2answers
1k views
Angular-ui validation not working in model window
I am working on AngularJS with ui-grid. In the grid when i edit a row I am opening a modal window like this
$scope.editRow = function(row){
var modalInstance = $modal.open({
...
3
votes
0answers
367 views
Angular ui-grid: define columns in template
The ui-grid documentation tells us to define columns in the controller, like this:
$scope.gridOptions = {
columnDefs: [
{ field: 'id', displayName: 'Ref', width: "60" },
{ field: '...
2
votes
3answers
3k views
How to Redraw Tables using Angular UI Tabs and UI Grid?
I'm trying to migrate from jQuery Data Tables to Angular UI. My app uses the MySQL World schema and displays the data in 3 different tables. In jQuery, I'd 3 different pages, each launched from a home ...
3
votes
3answers
3k views
Ui-grid disappears in angular-ui-tab
I've ui-grids in angular-ui-tabs, they are inside an ng-if to avoid rendering issues. If there is more data and the grid goes into scrolling mode, the data disappears completely when clicking the tabs....
0
votes
1answer
3k views
Angular UI grid sort a column through script
Is there any function available in grid API or any other way to sort a column from script instead of clicking on the header?
0
votes
1answer
218 views
ui-grid (ng-grid) calculated width is too wide
I have a dashboard with a sidebar. I am trying to use ui-grid in the main part (called dynamic-content) Here is my html:
<div class="dynamic-content col-lg-12">
<div id="account-grid" ui-...
0
votes
1answer
231 views
Angular UI Grid API doesn't work in capturing last cell edit
I want to show and capture last cell edited, but it doesn't work like at provided example in official docs
$scope.gridOptions.onRegisterApi = function(gridApi) {
$scope.gridApi = gridApi;
...
1
vote
1answer
1k views
Why can't I call a function from within a ui-grid cell-template
I have a cellTemplate that's supposed to make a row editable when clicked. Works so far. However when this is done, also a function should be called, which just isn't happening:
colDef:
...
0
votes
1answer
2k views
useExternalPagination and rowselection in angular UIGrid
I'm working on AngularJS UI Grid and when I use useExternalPagination,useExternalSorting attributes are true, Rowselection is not working.
Below is my grid properties
$scope.gridOption = {
...
0
votes
1answer
744 views
Angular ui-grid custom filter not working on multiple grids
I have two grids on the same page and the data is flowing into two separate tabs. This functionality works fine with no issue.
My problem is that the custom sorting and filtering seems to be bubbling ...
3
votes
2answers
7k views
How to find which column was sorted and in what order in angular ui.grid
How to find which column was sorted and in what order in angular ui.grid. Actually I want to set server based pagination. For this, I what to send data in params as {pageNumber, pageSize, column, ...
0
votes
2answers
2k views
For Angular js ui grid remove right and bottom scrolling boarders
In Angular js ui rid, how can I remove vertical and horizontal scrollbars ?
And also for each column heading I am getting a little carrot icon by default, which shows sort ascend, sort descent, Hide ...
3
votes
1answer
2k views
Angular ui-grid - Moving filter section in column menu
I've started using ui-grid for past few weeks. The column filter is really good, but I want to make the look and feel much better. Is there any way to move the filter option inside the column menu?
$...
0
votes
1answer
4k views
How to set height of angular ui-grid so that it will fit its parent container
I am trying to use Angular UI-Grid . It works well, but it always small with a scroll bar on the y-axis (You can just visit there home page to view the two examples there, the height of the grids ...
8
votes
4answers
9k views
How to make Angular ui grid expand all rows initially?
I am using ui grid to show a list of data and I am trying to initially expand all rows.
I am trying to do this in the onRegisterApi event:
scope.GridOptions =
{
data: properties,
...
1
vote
0answers
276 views
Angular ui-grid expandable row not displaying like parent
I have modified the styles to change the color of the grid rows as well as text. This works fine when the grid is used by itself, but when using expandable rows, the expanded rows do not inherit the ...
0
votes
1answer
8k views
Nested Grid Example - Different Columns
I am using the latest version of ui-grid ui-grid.info.
What is the best way to handle nested grids with the possibility of the nested child grid having different columns then the parent row.
3
votes
1answer
2k views
Angularjs Ui grid grouping formatting is needed
I am using Angularjs ui grid grouping functionality. Please see the image, When displaying group sum, by default it is getting displayed as 'total :' but I want to change it to 'Total' (capital 'T') ...
3
votes
1answer
5k views
angular ui-grid grouping header
i am trying to make the group headers to be shown as the cellTemplate, this is the template i use:
<div class="ui-grid-cell-contents">
<div ng-show="COL_FIELD">
<i class="...
0
votes
1answer
844 views
Angularjs ui grid with grouping column sequence is getting jumbled up
I am using AngularJs ui grid with grouping. The table is displaying fine but the problem I am facing is that the months sequence in the table is getting jumbled up. Please find my Plunker. In the ...
0
votes
2answers
1k views
Angularjs ui-grid row rest call
I have tried making a rest call with $http via die ui-grid(v3.0.0-rc.20-8199eb5) field function approach. See example below.
$scope.gridOptions = {
enableSorting: true,
columnDefs: [
...
0
votes
2answers
3k views
Angularjs ui-grid row not resizing according to content
I have a ui-grid(v3.0.0-rc.20-8199eb5) cellTemplate which iterates over an array and prints out the names in the column.
{name:'roles', cellTemplate: '<div ng-repeat="role in row.entity.roles>{{...
0
votes
1answer
2k views
Angular JS: How to use icons in the ng-grid grouping columns?
Is there any way to display icons instead of text in the ng-grid grouping columns?
UPDATE 04-14-2015
I did it! Was making an example in Plunker, but i could do what i wanted.
Thank you all.
$scope....
6
votes
3answers
3k views
Not able to save row in Expandable row in Angular UI Grid
I'm trying to use the row saving feature in combination with the expandable grid. The goal is to be able to save sub-grid rows, independently of the parent row.
$scope.gridOptions = {
...
2
votes
2answers
4k views
UI Grid AngularJS - How to update the column headers in ui-grid?
I'm working on a data driven application where the columns(table headers) are dynamically updated based on the user click. I'm loading the data from a JSON File.
It works when I use a normal table ...
1
vote
1answer
590 views
get date using Angular-UI Bootstrap Datepicker inside Modal opened from Grid cell
Maybe this is overkill, but I am trying to
1. open a Modal window, when a link is clicked in UI-Grid
can be done by modifying http://ui-grid.info/docs/#/tutorial/110_grid_in_modal
2. Put a (ui....
2
votes
3answers
2k views
Sharing $scope with cellTemplate using ui.grid
I'm using ui.grid to get a list of parts. I've created a column that contains a button which launches a modal. What I'm having trouble with is sharing the scope of the part that is contained in the ...
