title: React Material Table action button markup overriding for multiple actions
body: <p>Action overriding feature allows me to override button but it overrides all the action buttons. For example, if I have two action buttons for edit and delete and I use the Action overriding, both of my buttons get overridden with that same custom code.
  How can I specify different codes for different buttons?</p>
  
  <p>My final goal is to conditionally disable edit and delete buttons based on the rowData. I have tried with isEditable feature as shown in the code below but it doesn't work either. </p>
  
  <pre><code>  ...
    ....
    const components = {
         Action: props =&gt; (
             &lt;IconButton aria-label="delete" size="small"
                 disabled={props.data.email === 'admin@pipilika.com'}
                 onClick={(event) =&gt; props.action.onClick(event, props.data)}
                 &gt;
                 &lt;Icon&gt;delete&lt;/Icon&gt;
             &lt;/IconButton&gt;
         )
  
     };
  
     const actions = [
         {
             icon: 'edit',
             tooltip: 'Edit Index',
             onClick: (event, rowData) =&gt; {
                 this.onEditClick(null, rowData._id);
             }
         },
         {
             icon: 'delete',
             tooltip: 'Delete Index',
             onClick: (event, rowData) =&gt; {
                 this.onDeleteClick(null, rowData._id);
             }
         },
     ];
  
  
      const options= {
          showTitle: false,
          actionsColumnIndex: -1,
          searchFieldStyle: {
              color: "#fff"
          }
      };
  
      const editable= {
          isEditable: rowData =&gt; rowData.dataType === "html", 
          isDeletable: rowData =&gt; rowData.dataType === "html", 
      };
  
      return(
          &lt;MaterialTable
              editable={editable}
              title="Created Index List"
              columns={columns}
              data={dataTypes}
              actions={actions}
              options={options}
              components={components}
              style={{overflow: 'hidden'}}
          /&gt;
      );
  </code></pre>