Stack Overflow
Stack Overflow

Questions tagged [ui-grid]

For questions related to data grid module for AngularJS which is part of AngularUI.

should be used for questions related to data grid module for which is part of

Usage

<div ng-controller="MainCtrl">
  <div ui-grid="{ data: myData }" class="myGrid"></div>
</div>

References

483 questions
2
votes
1 answer

Need to get the grouping values in ui-grid

I'm using ui-grid and I'm grouping the data, I will need to get the group headers and the counters. How can I get those values? This is an example of the grid $scope.gridOptions = { enableFiltering: false, enableColumnResize: true, …
Yennifer Yero
  • 21
  • 2
2
votes
2 answers

Format csv export according to cellTemplate in ui-grid

I have a column in ui-grid table which contain a JSON object. Which I parse in cellTemplate and display. Column "owner_details" has following data: "owner_details": { "area_cost_center_manager": "avd", "area_bug_shepherd": "vdvd,vdvd", …
undefined
  • 3,464
  • 11
  • 48
  • 90
1
vote
1 answer

Undefined error when passing row.entity and col.field to function

I need row.entity and col.field to determine if a button needs to be disabled or not, so here's the code for the cellTemplate of my UI-grid cellTemplate: '
'+ '
…
babukinator
  • 11
  • 5
1
vote
1 answer

How to add custom header in ui-grid pdf export using PDFMake?

I am new working with the Angular UI-GRID and I need to create external buttons for the exporting features like PDF export I have read the documentation and found that I can use PDFMake library to create complex header through out the documentation…
SageMode27
  • 29
  • 4
1
vote
0 answers

Issue with ng-html-compile displaying UI-Grid twice while rendering saved HTML from SQL Server Database

1)I am saving entire DIV - TestDIV from a HTML page in AngularJS to SQLServer database. 2)TestDIV has many DIVs nested inside it, including UI-Grids. 3)I save the HTML as a VARCHAR(MAX) column in SQL Server. I am able to save and retrieve the HTML…
RedBottleSanitizer
  • 83
  • 2
  • 18
1
vote
1 answer

How to use embed Angular UiGrid in AngularJs Component

I try to embed a ui-grid in a component, and the embedded ui-grid doesnt render I built a Plnkr to visualize the problem. index.html ...
til
  • 832
  • 11
  • 27
1
vote
0 answers

Export data from Angular UI-Grid in CSV

We are using ui-grid in our application. We are using grouping functionality of ui-grid and it's working perfectly. Now we are exporting it to CSV and at this point I am facing issue. It is exporting same it's showing on grid. But we don't want that…
Vikas
  • 324
  • 3
  • 5
  • 13
1
vote
0 answers

How can I sort the elements in gridMenu in ui-grid angular JS

vm.gridOptions = { exporterMenuCsv: false, enableGridMenu: true, columnDefs: [ { name: 'name' }, { name: 'gender' }, { name: 'company' } ] I want to sort the columns in gridMenu alphetically, is there any inbuilt…
deep5459
  • 35
  • 8
1
vote
1 answer

how to export angularjs UI Grid All data in CSV file or in PDF file

I am new to AngularJS ui-grid, and a first time user of the exporter feature. I need to export ui-grid table,but the things i can able to export visible date without error but when i try to export All Date it's come with visible date only. How I…
DloveJ
  • 13
  • 1
  • 1
  • 8
1
vote
0 answers

Selection checkbox in ui-grid auto selecting on scrolling angularjs

ui-grid checkboxes which are used to select a row automatically gets checked on scrolling. On scrolling fast up&down some checkboxes auto getting select even though row is not selected. ui-grid version used is 4.6.2 Below is the grid-options of…
user3400625
  • 53
  • 1
  • 1
  • 4
1
vote
1 answer

Dropdown menu hidden under overflow: hidden container

I'm trying to add more options to each row of the ui-grid so I'm implementing "3 dots" approach. However I came across this issue that my dropdown menu goes over the screen because it has position: absolute applied to it. I can't use position:…
LazioTibijczyk
  • 1,701
  • 21
  • 48
1
vote
0 answers

Navigation issue with keyboard up and down key in ui-grid table

when using up/down arrow and enter to navigate, sometimes cursor skips a cell when hitting the arrow key just once. And it becomes non-editing when the cell navigates to out of the visible area. it becomes non editable in up and down of last…
chiranjiv
  • 81
  • 7
1
vote
1 answer

ui-grid textarea doesn't close after edit

When I'm finished editing a textarea in the grid the edit mode is not closing. In this Plunker, if you double-click one of the cells under Title, the textarea opens correctly, but does not close after I click out of the…
tcrafton
  • 97
  • 2
  • 10
1
vote
1 answer

Different datatype implementation on each cell for UI Grid

I am using UI Grid for my spreadsheet implementation. My grid consists of complex big data. How do i access individual cell/cells in the table to assign them datatypes . [My grid example is as follows:][1] [1]:…
Jaydeep Bobade
  • 1,005
  • 2
  • 16
  • 25
1
vote
1 answer

Property 'selection' does not exist on type 'IGridInstanceOf' when executing gridApi.grid.selection.selectAll

I am trying to use gridApi.grid.selection.selectAll option to check/select 'selectAll' checkbox in uiGrid header programmatically. But it throws the below error: Property 'selection' does not exist on type 'IGridInstanceOf'. I am using angular…
Olive
  • 21
  • 3
1 2 3
…
32 33