title: Override text "Actions" on material table head with "other text" or "icon"
body: <p>I am working on material table with ReactJs, I need the text "Actions" on column head for the action to be override with other text or any other icon</p>
  
  <p>Please need you guys help to achieve it</p>
  
  <p>Example </p>
  
  <p>Actual - First Name | last Name | Actions</p>
  
  <p>Need - First Name | last Name | Other text or Icon (for Actions)</p>
  
  <p>const actions = [
        {
          icon: "edit",
          tooltip: "Edit Order"
        }
      ];</p>
  
  <pre><code>const components = {
    Action: props =&gt; (
      &lt;ProposalListMenu
        row={props.data}
        editAction={this.props.editAction}
        handleViewProposal={this.handleViewProposal}
        globalSearch={false}
        proposalId={this.state.proposalId}
        showGenerateOrder={this.state.showGenerateOrder}
        handleGenerateOrderPopUp={this.handleGenerateOrderPopUp}
        handleGenerateOrderClose={this.handleGenerateOrderClose}
        showGeneratedOrderList={this.props.showGeneratedOrderList}
        {...this.state}
      &gt;&lt;/ProposalListMenu&gt;
    ),
    Toolbar: props =&gt; (
      &lt;div&gt;
        &lt;MTableToolbar {...props} /&gt;
        &lt;div style={{ padding: "0px 10px", "text-align": "right" }}&gt;
          &lt;ColumnConfigure
            columns={this.state.columns}
            toggleColumn={this.handleTableColumnConfig}
            resetAllColumn={this.handleResetAllColumns}
            openFlag={this.state.openFlag}
          /&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    )
  };
  return {
    title: title,
    options: options,
    actions: actions,
    components: components
  };
  </code></pre>
  
  <p>};<a href="https://i.stack.imgur.com/hKDxy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hKDxy.png" alt="enter image description here"></a></p>