React Ag-Grid Tutorial: Effortless Data Filtering and Instant Results | Codenemy Tutorial

[@HugoXB360KVadorIsBacK]

Thank you very much! Very well explained!

[@randomperignon5757]

thank you for a helpful video

[@Codenemy]

It's my pleasure, Thanks for watching :)

[@shiwangigarg391]

@Codenemy your videos are really helpful. When are you uploading video on nested rows

[@vishwakarma_9]

Hi could you also show how to search for comma separated in textbox.

[@raymondkurciw4687]

I'm just confused on where the gridColumnApi comes into play with this since you only set the variable in onGridReady but never call it. Why is this?

[@Codenemy]

You are right, i have not used columnGridApi and don't need here, However it contains columns related info and function which can be used to perform some operation on columns.

[@ekaterinasu2914]

Hi there! thanks a lot for the tutorial! I have a question:
If I want to separate QuickFilter to another component - is it even possible? In my case I have Column and row definitions in One component and SearchBar in another. Not sure how to import those variable into my SearchBar component.

[@mohanish35]

I am kinda noob with React so please forgive me if this sounds dumb; is it possible that you can pass gridApi variable to your SearchBar component? Maybe either in the props or through a state management library like Redux? Your job will be done if you are able to do so.

[@IamRobertMTV]

how can I set Default Filter value on the table render?
I have data which is catergorized Customer, Vendor
I only wanna show Customer when the table renders
but I dont want to filter from the api call because I need the data.length value later on

[@Codenemy]

manage a state for quick filter and set your default value there. i hope this will work for u.

[@pranithaa9706]

how to add quickk filter for single column?

[@Codenemy]

I have no idea, but why you need that when you have column filter, just curious

[@ankitanigam6466]

how to add datepicker and dropdown in ag grid in column

[@Codenemy]

which operation are you referring to, filtering or editing or something else?

[@ankitanigam6466]

@@Codenemy like I need to shows a calendar when click on din and show a Drop-down menu when go on a gender as an option male and female

[@ankitanigam6466]

@@Codenemy and also need to delete a particular row when click on delete icon and it should be show on a new table when press submit

[@Codenemy]

@@ankitanigam6466 sorry I didn't get you clearly and what din there.
While filtering you want to show dropdown?

[@Codenemy]

@@ankitanigam6466 you can render a custom component in cell which will show delete icon and on click handle the row deletion.
Have a look here ruclips.net/video/ko2KdmAw6tw/видео.html
if it doesn't work plz let me know

[@priyankasharma6729]

How can I show sum of rows of a column at bottom of ag grid table

[@Codenemy]

let define onFirstDataRendered function
const onFirstDataRendered = (event) => {
event.api.addCellRange({
columns: ['age'],
});
};
now add these properties to aggrid
enableRangeSelection={true}
statusBar={{
statusPanels: [
{
statusPanel: 'agAggregationComponent',
statusPanelParams: {
aggFuncs: ['sum'],
},
},
],
}}
onFirstDataRendered={onFirstDataRendered}
If you got stuck plz let me know :)

[@farahnouisser6505]

how to add the drag and drop and nested row ? please help thank you

[@Codenemy]

Very soon i will let you know, Thanks for watching :)

[@priyankasharma6729]

How to add multiple filter in react js in ag grid please

[@Codenemy]

This documentation will help you, www.ag-grid.com/javascript-grid/filter-multi/

[@priyankasharma6729]

@@Codenemy unable to do