title: How to filter an array of object in Mui DataGrid?
body: <p>I recently changed my tables to <a href="https://mui.com/components/data-grid" rel="nofollow noreferrer">Mui-datagrid</a> on Material UI 5, and I have a special use case with an array of objects. I want to enable the phone number filter in this column, but the number is provided as an object list.</p>
  <pre><code> phone: [
    { type: &quot;home&quot;, number: &quot;795-946-1806&quot; },
    { type: &quot;mobile&quot;, number: &quot;850-781-8104&quot; }
  ]
  </code></pre>
  <p>I was expecting a <code>'customFilterAndSearch'</code> or an option to customise how to search in this specific field.</p>
  <pre><code>   customFilterAndSearch: (term, rowData) =&gt;
      !!rowData?.suppressedOptions.find(({ description }) =&gt;
        description?.toLowerCase().includes(term.toLowerCase())
      ),
  </code></pre>
  <p>I have made some tries with the <code>filterOperators</code>, but no success yet. I have made a full example here <a href="https://codesandbox.io/s/mui-data-grid-vs05fr?file=/demo.js" rel="nofollow noreferrer">https://codesandbox.io/s/mui-data-grid-vs05fr?file=/demo.js</a></p>