Stack Overflow
Stack Overflow

Questions tagged [igx-grid]

Display and manipulate tabular data with the Ignite UI for Angular Data Grid. Quickly bind your data with very little coding or configuration. Features include filtering, sorting, paging, templates, movable columns, and the ability to edit and update data. User actions are easy to understand and can be controlled programmatically.

igx-grid is a data grid Angular UI component, part of Ignite UI for Angular

https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid.html

38 questions
3
votes
0 answers

how to get selected rows values in angular infragistics grid UI

I'm using angular Infragisics grid in angular typescript 12 and I want to display all the selected rows from the igx-grid when I click a button. Here is what I tried but I get an empty array and no data is displayed. Here is the HTML code
amilana
  • 73
  • 1
  • 7
3
votes
1 answer

add hyperlink to a column in igx-grid

I want to know how can I add a hyperlink to a single column in igx-grid? Here is a sample data: export const DATA: any[] = [ { OrderID: 10524, SaleAmount: 3192.65, CategoryName: "Beverages", CompanyName: "Berglunds…
Monika
  • 51
  • 3
2
votes
1 answer

In igx-grid, is it possible to prevent a row from being selected when a cell is selected?

My problem seems simple, I use row selection to bring up an edit form for a record. I have one column with hyperlinks to a new tab and a bunch of other columns. That works fine, but I want my users to be able to cut/copy and paste from the other…
Ted Herrlich
  • 159
  • 1
  • 5
  • 13
2
votes
1 answer

Reset igx-select

Since I could not find any information, I am writing here. How can I reset a selected value of igx-select using typescript: Here is my HTML-Code:
ivs
  • 133
  • 7
2
votes
2 answers

Reload igx grid when data is changed

I have an igx grid inside a dialog. I use the array posts as data for the grid. The values of this array may be changed through the program. How can I update the grid data with the last value that I have for the array posts? …
ivs
  • 133
  • 7
2
votes
1 answer

Make first row of igx-grid not editable

I've got a normal igx-grid where the rows are all editable. However, the first row should never be editable. How do I handle that? Also, in the code-snippet below, can you tell me what I've done wrong with the last column? I just want a trash…
Bozhidara Pachilova
  • 78
  • 4
2
votes
1 answer

How to export excel of selected record in Ignite UI in Angular

I am using Ignite UI. In that I am using Igx grid, I am able to export excel of all data using IgxExcelExporterService, but I want to export only selected data by using onRowSelectionChange method of igx grid. Is there any way igx-grid support this…
user14922829
2
votes
1 answer

get notified when igx-grid has done loading

I am trying to move a dynamic column to different position using Infragistics Angular grid, igx-grid. I tried with const newCol = this.grid.getColumnByName(node); newCol?.move(j); but newCol is null since grid has not finished loading and new…
wil
  • 853
  • 2
  • 10
  • 24
2
votes
1 answer

How to get one Igx-column value into another column

I am using Infragistics grid. I have several columns, and I am trying to access the value of the first column inside the last one. I created a variable inside IgxColumnComponent, however when I access it from another IgxColumnComponent I get…
Tihomir Tonev
  • 145
  • 7
2
votes
1 answer

How to set custom background color for selected rows in igx-grid

I am using Infragistics igxGridComponent. I am trying to style the look of selected rows. I have tried setting my own css classes: .selected-row { background-clor:red; color:white; font:bold; } However, I am not really sure how to apply them…
Tihomir Tonev
  • 145
  • 7
1
vote
1 answer

Get HTML element from igx-grid. Length always 0

I am working on a igx-grid. I have some igx-columns with igx-select inside. I tried to change the style of the igx-selects in Typescript using querySelectorAll and getElementsByClassName but the length of the selected elements is always 0. How can I…
ivs
  • 133
  • 7
1
vote
1 answer

Fixed igx column

Hi I have a igx grid in which one of the columns is filled out with delete-buttons. I want to make this column fixed as shown here: Can I exclude the column with the delete-buttons from pinning/hiding and all other operations and show it always on…
ivs
  • 133
  • 7
1
vote
1 answer

Row divider igx Grid

I have an igx Grid with sorted rows. The rows are sorted by date (this is a column from the grid). So I have multiple rows with the same date. How can I put a divider between the rows where the date is changed? Here is an example: Row Date …
ivs
  • 133
  • 7
1
vote
1 answer

Row size of igxGrid and line break of igxDialog

I have two questions about igxGrid and igxDialog. How can I set the height of the rows in a igxGrid? I have a confirmation dialog with a message with 3 sentences. How can I include a new line after each sentence? The '\n' and
do not…
ivs
  • 133
  • 7
1
vote
2 answers

Calculate the totale value of grouped by rows in angular Infragistics Ui grid

I'm using angular Infragistics UI grid in typescript 12 And I'm trying to calculate the totale of the price field when the grid is in group by mode. Say I have 2 groups by client, group 1 contained 2 items and group 2 contained 3 items. I have to…
amilana
  • 73
  • 1
  • 7
1
2 3