Stack Overflow
Stack Overflow

Questions tagged [ag-grid-validation]

31 questions
5
votes
1 answer

How to implement validation rules for ag-grid row edit

I currently have html table with inline editing that uses plain Angular Reactive Forms, including a lot of validation rules: var formArray = new FormArray(this.items.map(createItemFormGroup)); createItemFormGroup(item){ return new FormGroup({ …
Liero
  • 25,216
  • 29
  • 151
  • 297
4
votes
1 answer

How do I merge identical adjacent rows with dynamic row spans in Ag-Grid?

Most examples of rowspanning I have seen involve hard-coded values. How would I create row-spans dynamically based on the column values? Specifically, I'd like to dynamically merge all adjacent identical rows into one cell, to get a result such as…
Yuvaraja
  • 53
  • 1
  • 4
3
votes
0 answers

AG-Grid React - Custom Floating Filter dropdown - not showing in the front of grid

I have implemented the Ag-Grid Custom floating filter in React as a dropdown with values of that particular column like in excel In this image Floating filter height has been extended to show the expected output as in this image 1 but what if the…
vijayrahul
  • 31
  • 3
2
votes
1 answer

Ag-Grid default cell editor with validations

When using the Ag-Grid default cell editor (i.e. editable: true), if we need some basic validations (e.g. maxlength, regex, displaying errors below the textbox for invalid values) is that possible out of the box OR is it then needed to define custom…
copenndthagen
  • 49,230
  • 102
  • 290
  • 442
2
votes
1 answer

AG-Grid: Column Grouping based on children set

I have an ag-grid columnDef similar to this structure. gridOptions.columnDefs = [ { headerName: 'Athlete Details', children: [ { headerName: 'Name', field: 'name' }, { headerName: 'Age', field: 'age' }, …
Sidd Thota
  • 2,040
  • 1
  • 20
  • 24
2
votes
1 answer

How to perform cell validation in #ag-grid for React

I have started using ag-grid in my react project, and was unable to find any API's for performing in-line cell validations i.e. whenever user edits a particular cell, the requirement is to perform a required field and pattern validation. In case of…
Satish Konda
  • 85
  • 1
  • 2
  • 12
1
vote
0 answers

In Ag-Grid react how to check if cell value is present and if not how to create one?

I am new to react and Ag-Grid as well, I need to have two columns, Column-A and Column-B. In Column-A it should be text-box and Column-B should be a dropdown where the list of values are from Column-A, if the entered value is not present in Column-A…
Suhas Nag
  • 11
  • 3
1
vote
1 answer

In Ag-grid-react how to disable update button if edited cell is not valid?

I'm trying to disable update button after validating cell editor link for full…
SVK
  • 2,107
  • 2
  • 20
  • 41
1
vote
1 answer

AG Grid: Detect change and give alert when user is trying to edit other row without saving the first

We have new project in Angular 8 where we are using AG Grid, Now user wants a validation to fire if someone edits one row and without saving it moves to another record/Row. it should say Save your data first. I have tried same on onRowChange…
Shreya Singh
  • 59
  • 7
1
vote
0 answers

Update ag-grid cell style onCellKeyDown

Is there a way to update current cell's style dynamically within onCellKeyDown callback? I'm trying to access current cell using grid API but no luck so far. I've applied style but it appears only when the cell loses its focus. onCellKeyDown={e =>…
StangSpree
  • 421
  • 1
  • 5
  • 22
1
vote
1 answer

Ag-Grid: adjust columns width and show horizontal scroll bar once columns reach beyond container size

I've columns panel to add/remove columns from the AG-Grid. There are around 50 columns, by default 5 are showing with property api.sizeColumnsToFit(). it works fine but issue comes when User tries to add more columns and columns reaches beyond the…
kashif
  • 1,097
  • 4
  • 17
  • 32
1
vote
1 answer

Set the sorting on an edited column after cellValueChanged event in ag-Grid 18.0 with Angular 6

I have set the sorting by default to ascending order on a particular column say "Start_date" which contains the dates in dd/mm/yyyy. Before updating the cell value, the column is sorted in increasing order of dates. After an update is done on any…
Yatharth Mishra
  • 107
  • 1
  • 3
  • 17
1
vote
1 answer

ag-grid-angular and cell validation

I am quite new to ag-grid. We are using ag-grid Angular version. All of our cells are editable in grid and there are approx more than 3000 cells. Having an Angular form for grid and form control for each cell seems to make grid lot slower. specially…
kashpatel
  • 696
  • 1
  • 6
  • 18
1
vote
3 answers

AG Grid: Better way for validation row - valueSetter?

Is there a better way to validate a row in ag-grid than with valueSetter? I can achieve the validation with that but I am not sure, if there is a better way.…
MrScf
  • 2,407
  • 5
  • 27
  • 40
0
votes
0 answers

Data-table rendering directly from datasource without configuring the hardcoded columns (in ColDef) in .ts file

Is there any possibility where the ag-grid can populate all the columns without hardcoding them in ColDef array? I am expecting ag-grid to populate all the columns and repective data that are coming from the JSON file directly. I do not want to…
Anurag Birthare
  • 1
  • 1
1
2 3