Hello,

My clients should not be able to add or delete rows on their front-end table. I would like to make it so that the editable front-end tables do not show the "New" and "Delete" buttons, but show the other table tools. I would still like to have the add/delete buttons show up on the admin dashboard, just not on the front-end. 

I tried adding the following custom CSS through the settings page, but that did not work. 

div.dataTables_filter { display: none !important; }

/*Hide new button*/
.wpDataTables button.DTTT_button_new { display: none !important; }

/*Hide delete button*/
.wpDataTables button.DTTT_button_delete { display: none !important; }

If this did not work, what will? How can I make these buttons hidden on the front-end, but viewable on the back-end. 

That worked! Thank you.

For the future, I recommend sharing those snippets of code on a page that people can find when they google how to get rid of the new/delete buttons. That way, you don't have to answer people like me every time. 

Actually, upon further inspection, there is still a small problem. On the front-end tables, if I click one of the rows, the "Delete" button shows up. I would prefer it to not show up on the front-end at all. 

I have the same requirement as the original poster.

Can you share the CSS that was used to selectively disable the 'Add' button and the 'Delete' button?

If you can selectively disable the print/pdf/excel/etc. buttons from the settings page, why not the add/delete buttons as well?

I was able to find the CSS in another ticket.

If this CSS is inserted into the general Settings (as instructed) then it applies to all wpDataTable definitions. However, not all wpDataTable definitions have this requirement. That is, some may require the 'Add' button and/or the 'Delete' button.

Are there any plans to allow these buttons to be selectively disabled at the individual wpDataTable level?

You can write a custom function for this in your functions.php file and specify the Table id from which you want the button to be removed. Remember this button will aslo be removed from the back-end.

function hide_edit_delete_buttom($object,$table_id){
foreach($object->dataTableParams->buttons as $text => $button){
if(is_array($button)){
$button_type = $button['text'];
}
if($button_type == 'THE BUTTON TYPE YOU WANT TO HIDE - Delete / Edit / Add )' && $table_id == "THE TABLE'S ID WHERE YOU WANT TO HIDE BUTTON"  )
{
unset($object->dataTableParams->buttons[$text]);
}
}
return $object;
}
add_filter('wpdatatables_filter_table_description', 'hide_edit_delete_buttom', 10, 2);