React Ag-Grid Tutorial: Render Custom Components in Cells | Codenemy Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ม.ค. 2025

ความคิดเห็น • 79

  • @prak3569
    @prak3569 ปีที่แล้ว

    Thanks a lot Bro, was stuck in this type of work. able to solve watching this video 👍

  • @rohanthakur9159
    @rohanthakur9159 3 ปีที่แล้ว +1

    I am really grateful 🙏
    Very useful video 🥰

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว

      Glad to hear that, Thanks for watching :)

  • @fikretakbass
    @fikretakbass ปีที่แล้ว

    This comment for grow your channel. Many Greetings From Turkey. ♥

  • @sanchitmehra1079
    @sanchitmehra1079 2 ปีที่แล้ว +1

    Thanks bro : ) very helpful.
    to the point.

  • @sreejith_m_nair627
    @sreejith_m_nair627 2 ปีที่แล้ว

    thank you so much yar ,you are a life saver

  • @chengjinfei8139
    @chengjinfei8139 3 ปีที่แล้ว +1

    i really like it . thanks

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว

      Glad to hear that, Thanks for watching :)

  • @drdexter33
    @drdexter33 8 หลายเดือนก่อน

    So this video is in a playlist called React Ag-Grid Tutorial that contains several videos. While the first two videos in the playlist appear to be successive and build on the previous video, this video does not follow this pattern and I am wondering if this is by design and if I should continue to watch these videos in succession since I was hoping that each video built on the previous one. My final goal was to get to the video on CRUD operations, but now I have doubts that each video leading up to that video is a step in that direction.
    Also, as presented, this video does not produce the results presented in the video.
    Please advise.

  • @The_bright_one
    @The_bright_one 4 ปีที่แล้ว

    I cannot thank you enough. I am extremely greteful to you. Thank you so much for this amazing video. Very helpful. ❤️❤️❤️❤️

    • @Codenemy
      @Codenemy  4 ปีที่แล้ว +1

      Glad to hear that this was useful, Thanks for watching :)

  • @honeypillai2949
    @honeypillai2949 2 ปีที่แล้ว +2

    Hi , Thank you to give very informative video, One thing want to ask, when ever i am rendering new component before nggrid component , nggrid component design got effected , I can not see the data even , Please give solution for this issue ... thank you in advance

    • @Codenemy
      @Codenemy  2 ปีที่แล้ว

      Could you please check your console and make sure you don't have any error, might be some of styles getting overridden.

  • @vickybhaigade
    @vickybhaigade 2 ปีที่แล้ว +1

    How to render two buttons in one cell.
    Eg. Action column we want delete btn and edit btn?

    • @Codenemy
      @Codenemy  2 ปีที่แล้ว

      Wrap both button in a div and render it

    • @vickybhaigade
      @vickybhaigade 2 ปีที่แล้ว +1

      @@Codenemy In angular I wanna know you have any idea, cellrender not accept array ?

    • @Codenemy
      @Codenemy  2 ปีที่แล้ว

      @@vickybhaigade Sorry, I have no idea

  • @jeet987
    @jeet987 2 ปีที่แล้ว +1

    I have a use case where when i click the custom column with buttons approve/reject then the next column should show approved/rejected text dynamically .. Is it possible ?

    • @Codenemy
      @Codenemy  2 ปีที่แล้ว

      you can do it, You can render two button using custom component and on click of that you can modify record based on that you can show text in column

  • @ankurtripathi5877
    @ankurtripathi5877 3 ปีที่แล้ว

    Thank you so much. It helped me!!

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว

      Its my pleasure, Thanks for watching :)

  • @максимполяков-с6л
    @максимполяков-с6л 3 ปีที่แล้ว +1

    u da best

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว

      It's my pleasure, Thanks for watching :)

  • @rajaryansharma5001
    @rajaryansharma5001 2 ปีที่แล้ว +2

    Hi thanks for the video.
    But can you help me in figuring out how to use a custom cell component in VueJS? This method isn't working.

    • @Codenemy
      @Codenemy  2 ปีที่แล้ว

      Unfortunately i have no idea on VueJs

  • @chandrasekhar-c7s4d
    @chandrasekhar-c7s4d ปีที่แล้ว

    please add loader until data fetch..
    i am facing re render issue

  • @jaychemical5952
    @jaychemical5952 2 ปีที่แล้ว +1

    when records are grouped by a column, the groups are sorted according to the values of this column in ag-grid

    • @Codenemy
      @Codenemy  2 ปีที่แล้ว

      that is happing bcz it helps to find any value easily

  • @salemeid979
    @salemeid979 3 ปีที่แล้ว

    Is it possible to POST or PUT edited table to database once with a single handler?

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว

      sorry Salem, i didn't get u

  • @chrismanuel8993
    @chrismanuel8993 3 ปีที่แล้ว +1

    thank you!

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว +1

      It's my pleasure, Thanks for watching :)

  • @aekabbouakham6947
    @aekabbouakham6947 3 ปีที่แล้ว +2

    Could you do the CRUD on ag-grid please! I really want to see it.

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว +1

      Sure i will, Thanks for watching :)

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว +1

      CRUD Operations with popup modal window in ag-Grid Check here : th-cam.com/video/3pnSAvj9DXw/w-d-xo.html

    • @jpraveen5088
      @jpraveen5088 3 ปีที่แล้ว +1

      @@Codenemy can you make video for inline edit in Aggrid bro

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว

      @@jpraveen5088 Sure, Give me some time plz

    • @jpraveen5088
      @jpraveen5088 3 ปีที่แล้ว +1

      @@Codenemy OK bro...sure

  • @vino5580
    @vino5580 3 ปีที่แล้ว

    i have this scenario: button are visible even on the grouped rows is there any possibility to hide the custom component in the grouped rows of the grid ?

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว +1

      Yeah, you are right, I tried to find solution but didn't get, sorry :)

    • @vino5580
      @vino5580 3 ปีที่แล้ว +1

      @@Codenemy thank God man for the reply, thought I'm the only one in the world to face this scenario. Thanks again

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว +1

      @@vino5580 No, It's not like that. you said nd I tried, went through documentation as well but didnt get solution

  • @chaitanyavarma1815
    @chaitanyavarma1815 3 ปีที่แล้ว

    Hii, sir can you help me how to delete that row when we click the button in that row

  • @sfybskot
    @sfybskot 2 ปีที่แล้ว +1

    Thanks for the video!
    But could you please explain why have you written ${params.value}? Why haven't you written it like this: ${params.data.price}? I know that it works both ways but can't see the difference.

    • @Codenemy
      @Codenemy  2 ปีที่แล้ว

      i can do that, but for this column field value is price, Therefore i will get price value as params.value, Incase you are not defining field go with params.data.price

  • @sudhakargangaraju8958
    @sudhakargangaraju8958 4 ปีที่แล้ว

    Bro, Am getting this error "you are specifying a framework component but you are not using a framework version of ag-grid for : cellRenderer"
    Any idea ?

    • @Codenemy
      @Codenemy  4 ปีที่แล้ว

      it is cellRendererFramework

  • @gowthamkumar492
    @gowthamkumar492 ปีที่แล้ว

    Here is the requirment :
    In every column there are some red color styling values and normal values. So we need to sort the data increasing ,decreasing, and based on red color also it should sort and on final click the data should come as it was.
    Is it possible to write. Can anyone help??

  • @10trends57
    @10trends57 3 ปีที่แล้ว

    Thank you very much sir. It helped me a lot. Sir can you tell me how can I assign the value to params.value ?

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว

      you can use valueSetter to assing or change the exact value based on condition. or You can you function oncellvaluechanged .
      if you still have issue plz let me know,
      Thanks for watching :)

    • @10trends57
      @10trends57 3 ปีที่แล้ว

      @@Codenemy thanks my problem was solved. Actually I wanted to render custom jsx in the cell.. So I used cellrendererframework in column Def.. It gave me params object.. And I set value of cell using params.setValue method

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว +1

      ​@@10trends57 Glad to know that it resolved ,
      Thanks for responding nd watching :)​

  • @AadhyaCreativeWorks
    @AadhyaCreativeWorks 4 ปีที่แล้ว

    How to cellValueChanged in ag grid

    • @Codenemy
      @Codenemy  4 ปีที่แล้ว

      onCellValueChanged what actually are you looking for, plz let me know :)

  • @flolegend6402
    @flolegend6402 3 ปีที่แล้ว

    Help me, please.It gives me an error when I write div to render that button. Says "cant find name div"

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว

      Can you plz send me code snippet here

  • @sujananuvvula361
    @sujananuvvula361 3 ปีที่แล้ว

    when we sort. the table rowindex is not updating can u please give solution for that

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว

      Have a look here on this documentation :
      www.ag-grid.com/react-grid/row-sorting/
      if you still having issue plz let me know :)

  • @ApurvKhare
    @ApurvKhare 4 ปีที่แล้ว

    Thank you

    • @Codenemy
      @Codenemy  4 ปีที่แล้ว

      You're welcome

  • @ASHOK_162
    @ASHOK_162 3 ปีที่แล้ว

    I would like to copy cell wise could you please tell me in ag-grid-angular

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว

      You wish to copy cell value?

    • @ASHOK_162
      @ASHOK_162 3 ปีที่แล้ว

      @@Codenemy yes

    • @ASHOK_162
      @ASHOK_162 3 ปีที่แล้ว +1

      Can you please help me with that code for copy and not to Edit

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว

      @@ASHOK_162 The ease way is import ag-grid-enterprise .
      import 'ag-grid-enterprise';
      if you stuck somewhere plz let me know :)

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว

      @@ASHOK_162 I replied, plz check n let me know

  • @cuongtien9516
    @cuongtien9516 3 ปีที่แล้ว +1

    Some segments in the video are stamped not adjacent to each other

    • @Codenemy
      @Codenemy  3 ปีที่แล้ว

      It's my bad, will try to fix those :)

  • @shivshankar654
    @shivshankar654 4 ปีที่แล้ว +1

    Could have used the api