Replace <wj-menu> with a text

Replace <wj-menu> with a text

Posted by: darkthanhtam on 9 August 2020, 10:27 pm EST

• 

  darkthanhtam

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 9 August 2020, 10:27 pm EST

  Hi,
  
  I have a with first column is . But I want to replace some row with a text and I don’t know how to do it. Can you help me.

• 

  darkthanhtam

  • Post Options:
  • Link
    Copy

  Posted 9 August 2020, 11:08 pm EST

  https://gccontent.blob.core.windows.net/forum-uploads/file-61938279-94cd-44d9-8d0e-50d3490992e1.jpg(image larger than 4 MB)

  
  
  This is normal without

• 

  darkthanhtam

  • Post Options:
  • Link
    Copy

  Posted 9 August 2020, 11:15 pm EST - Updated 3 October 2022, 3:48 pm EST

  

  4032×3024 3.62 MB

  
  
  And this is with . I want to replace the red square with the text in normal picture. Can you support me please
  
  Sorry, I took picture and upload by phone because my company network not allow upload picture

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 10 August 2020, 3:56 am EST

  Hi darkthanhtam,

  It seems that you need to add text only for group header rows and Menu for normal rows. If you have used cell templates, then you can easily use the cellType=Cell property to add menu to normal cells only. Please refer to the sample link below for reference:

  https://stackblitz.com/edit/angular-ucnjs2

  Let us know whether this was your requirement or not.

  Regards,
  
  Ashwin

• 

  darkthanhtam

  • Post Options:
  • Link
    Copy

  Posted 10 August 2020, 5:50 am EST

  Hi, Ashwin,

  That’s just normal situation, I want to odd line with ‘country name’ and even line with . Can you do that? And I was used Angular JS. Thanks.

  Regards,
  
  Tam La.

• 

  darkthanhtam

  • Post Options:
  • Link
    Copy

  Posted 10 August 2020, 7:27 am EST

  CustomFooters.zip

  Here is my demo. You can edit on it. Thanks

  Regards,
  
  Tam La.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 11 August 2020, 12:54 am EST

  Hi Tam La,

  Please refer to the updated sample attached. In the sample, I have added a displayMenu method that takes a Row object as an argument and returns whether this row should have the menu or not. And using this method and the ng-if directive, we can change the display of menu.

  Currently, it only displays menu for even rows but not for group headers and group footers. But you can update this method accordingly. Also, the menu will not be displayed for group headers by default. For displaying in the group headers, you will need to use cell-type=“GroupHeader”.

  ~regards

  menu.zip

• 

  darkthanhtam

  • Post Options:
  • Link
    Copy

  Posted 11 August 2020, 3:29 am EST

  Thanks, that’s what I need, but the text of group footer row was showed at second column. I want to show at first column but it doesn’t work well. I hope you can help.

  ~regards.

• 

  darkthanhtam

  • Post Options:
  • Link
    Copy

  Posted 12 August 2020, 6:01 am EST

  Hi,

  I had solved the problem.
  
  Thank you so much for helping.

  ~regards

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 12 August 2020, 7:30 am EST

  Hi,

  I am glad that your issue is resolved. Let us know in case you face any further issues.