Edit Delete buttons are not getting displayed

Hi

  I am passing below data to Child Component but action buttons are not getting displayed when Column Title = 'options'

this.columns = [
      { title: "Type", name: "name" , visible: true },      
      { title: "Description", name: "description" , visible: true },      
     
      {
        title: "Action",
        name: 'actions',
        visible: true,
        buttons: this._common.getActionButton(this.btnEditClick,this.btnDeleteClick,Function())           
      }
    ]

*********************

              
                
                
                
              
Thanks
1 Reply
Know the answer? Post it — somebody with the same question will find it here.
Sign in to answer this question
It is the same account you read, post and publish with — and you will come straight back to this page.
Sign inCreate an account
Dharmeshwaran S2y agoPosted Jun 27, 2024, 2:02 PM
Accepted answer
To display action buttons in your table, you need to adjust both the template and the logic that handles the rendering of these buttons.

TypeScript Code

Ensure that getActionButton is returning an array of action button configurations correctly. Also, remove the unnecessary Function() in the buttons assignment.

this.columns = [
  { title: "Type", name: "name", visible: true },
  { title: "Description", name: "description", visible: true },
  {
    title: "Action",
    name: "actions",
    visible: true,
    buttons: this._common.getActionButton(this.btnEditClick, this.btnDeleteClick)
  }
];


HTML Template

Revise the template to properly integrate the action buttons within the table structure:


            
{{ item.name }}
 
                
{{ element[item.name] }}
              
              
            



    
      

  
{{ column.title }}
      

        
          {{ element[column.name] }}
        
        
          
            {{ button.icon }}