title: Dynamic tooltip using material-table
body: <p>Using Material-Table, I can't seem to get one column to display a dynamic tooltip value. I would like to have the tooltip display the value of another column. </p>
  
  <pre><code>import MaterialTable from 'material-table';
  import '../App.css';
  import Tooltip from '@material-ui/core/Tooltip';
  
  function TableMasterBom (props) {
      const [projects, setProjects] = useState([]);
  
      async function getProjects() {
          const res = await fetch("http://localhost:5000/lookup");
  
          const projectArray = await res.json();
  
          setProjects(projectArray);
      }
  
      useEffect(() =&gt; {
      getProjects();
      }, []);
  
  
      return (
        &lt;div&gt;
  
          &lt;MaterialTable
              columns={[
              { title: 'Price', field: 'price',  width: '5%', 
              Cell: dataRow =&gt; {
                  return &lt;Tooltip title={dataRow.price_date}&gt;{dataRow.price}&lt;/Tooltip&gt;
                },
              },
             { title: 'Price Date', field: 'price_date',  width: '5%', 
              }  
  
  // rest of code
  </code></pre>