ng2-smart-table icon indicating copy to clipboard operation
ng2-smart-table copied to clipboard

remove add button from action column in ng2-smart-table and show it outside of the table

Open parisamashinchi opened this issue 7 years ago • 9 comments

How could i remove add button from action column in ng2-smart-table and set it outside of table?

parisamashinchi avatar Sep 19 '17 09:09 parisamashinchi

I have same issue

ldyjjm avatar Sep 30 '17 01:09 ldyjjm

Try action:false in settings

srajan96 avatar Feb 25 '18 04:02 srajan96

It will hide all action buttons is it ?

samir-kamble avatar Apr 26 '18 07:04 samir-kamble

TO remove the button go to your smart-table.component.ts. In settings add the folloginw code.

// Hide the action button actions: { add: false, },

JVH31 avatar May 08 '18 14:05 JVH31

Can Add action be triggered from outside of table.

samir-kamble avatar May 08 '18 20:05 samir-kamble

actions: { add: false, }, BUT I still see add button in my table !! @JVH31

EL-Yapany avatar Nov 05 '18 01:11 EL-Yapany

In order to remove all the add row input fields you can do: settings: { hideSubHeader: true } It will remove the input fields and also the 'Add' button in Actions column

valivali avatar Feb 26 '19 16:02 valivali

settings = { add: { addButtonContent: '', createButtonContent: '', cancelButtonContent: '', confirmCreate: true,

      },
edit: {
  editButtonContent: '<i class="nb-edit"></i>',
  saveButtonContent: '<i class="nb-checkmark"></i>',
  cancelButtonContent: '<i class="nb-close"></i>',
},
delete: {
  deleteButtonContent: '<i class="nb-trash"></i>',
  confirmDelete: true,
 
},
actions: {

  delete: false, //  if you want to remove delete button
  edit: false; // if you want to remove edit button
  

},

SANDIPKEDIA avatar Mar 26 '21 14:03 SANDIPKEDIA

actions: {
  add: false,      //  if you want to remove add button
  edit: false,     //  if you want to remove edit button
  delete: false //  if you want to remove delete button
},
edit: {
  editButtonContent: '<i class="ti-pencil"></i>'
},
delete: {
  deleteButtonContent: '<i class="ti-trash"></i>'
}

IonArhirii avatar Nov 09 '21 06:11 IonArhirii