title: React - how to handle a cell click of a specific column of a datagrid table of material ui?
body: <p>I'm using a Material ui component called DataTable, and I don't know how to detect a click in any cell in a specific column</p>
  <p>This is my table and I want to handle a click in any cell in the Action column:
  <a href="https://i.stack.imgur.com/srKJU.png" rel="noreferrer"><img src="https://i.stack.imgur.com/srKJU.png" alt="enter image description here" /></a></p>
  <p>below my component code:</p>
  <pre><code>import * as React from 'react';
  import { DataGrid } from '@mui/x-data-grid';
  import { PropTypes } from 'prop-types';
  
  export default function DataTable({ rows, columns }) {
    return (
      &lt;div style={{ height: 400, width: '100%' }}&gt;
        &lt;DataGrid
          rows={rows}
          columns={columns}
          pageSize={5}
          rowsPerPageOptions={[5]}
          checkboxSelection
        /&gt;
      &lt;/div&gt;
    );
  }
  
  DataTable.propTypes = {
    rows: PropTypes.arrayOf(
      PropTypes.shape({
        conteudo: PropTypes.string,
        disciplina: PropTypes.string,
        curso: PropTypes.string,
        data: PropTypes.string,
      })
    ).isRequired,
    // eslint-disable-next-line react/forbid-prop-types
    columns: PropTypes.array.isRequired,
  };
  </code></pre>