React Ag-Grid Tutorial: Implementing Master-Detail Panel in Data Grid | Codenemy Tutorial

[@AkshayRatimaniVlogs]

Can we try master detail without enterprise in our local?

[@sharmilamalik3835]

Hi detail rows not getting selected while selecting master rows..can u please assist on this

[@Codenemy]

It won't get selected as master (details component) is a separate table, However you can write custom to select theme. That functionality exist in grouping what you are expecting, check once what you are looking for

[@anilsaini6033]

Hi Sir,
Please let me know how to fix dynamic height of master detail based on content

[@Ravi-t5s]

Really appreciated. nice knowledgeable video

[@boscocesar3748]

Can we copy data from Excel and paste it into ag-grid or material table

[@Codenemy]

Yeah you can do this in agGrid www.ag-grid.com/archive/27.2.0/react-data-grid/clipboard/#example-simple

[@boscocesar3748]

@@Codenemy yes sorry but it is paid version of ag-grid

[@Codenemy]

@@boscocesar3748 Enterprise have this feature only

[@boscocesar3748]

But how to do it free version?
Any guidance pls

[@suryateja2524]

Thanks for doing this video.

[@Codenemy]

Thanks for watching :)

[@webdeveloper2795]

Much appreciated your work bro

[@divya00786]

Thank you for this video

[@kvkarthik1244]

Please can you try with angular 12. It is good for me. Thank you in advance

[@Codenemy]

As i am not familier with Angular, but more and less should be same

[@harshithahc6713]

share an example where rowGrouping is done in custom detail componenet for the data coming from same API as of masterGrid data(MasterGrid API has data returned from masterDetail rows as well)

[@lalbashashaik]

Thank you, Can you make total of price field please

[@Codenemy]

Add These in your aggrid
enableRangeSelection={true}
statusBar={statusBar}
onFirstDataRendered={onFirstDataRendered}
const onFirstDataRendered = useCallback((event) => {
event.api.addCellRange({
rowStartIndex: 0,
rowEndIndex: event.api.getModel().rowsToDisplay.length,
columns: ['age'],
});
}, []);
const statusBar = useMemo(() => {
return {
statusPanels: [
{
statusPanel: 'agAggregationComponent',
statusPanelParams: {
aggFuncs: ['sum', ],
},
},
],
};
}, []);

[@riyaturkar2026]

Thanks