Need searchable dropdown (AutoComplete) inside the column cell

[Dhamayandhi]

In My project we are using Material React Table. We have a column which is of type dropdown . That column has more values. Hence we need searchable dropdown (Auto Complete).I searched multiple posts and didn't get any example for this case.

[KevinVandy]

You can render a custom Filter component

[Dhamayandhi]

Can you provide an example for the same

[Dhamayandhi]

I am getting example where you can use custom filter to a column . But i need to use inside dropdown which is in edit mode ..
{
accessorKey: "RevisedPositionLevel",
header: "Revised Position Level",
enableColumnActions: false,
//Edit: ({ cell, column, table }) => ,
muiTableBodyCellProps: ({ cell, column }) => ({
sx: {
//backgroundColor: colors.brandColorSupport[800],
backgroundColor: colors.brandColorSupport[600],
//backgroundClip: "content-box" /* <---- /,
boxShadow: "inset 0 0 0 1px #D5D8DC" / <-- 10px spread radius */,
},
}),
muiTableBodyCellEditTextFieldProps: {
select: true, //change to select for a dropdown

    children: proposedGripList.map((state) => (
      <MenuItem key={state.label} value={state.label}>
        {state.label}
      </MenuItem>
    )),
  },
},  for this column how to use autocomplete or how can i use filter for dropdown . Can you provide with example

[Dhamayandhi]

Hi ,

Can you give an example for filtering a dropdown inside edit mode ..
muiTableBodyCellEditTextFieldProps: {
select: true, //change to select for a dropdown

children: proposedGripList.map((state) => (
  <MenuItem key={state.label} value={state.label}>
    {state.label}
  </MenuItem>
)),

}, for this column i have a dropdown which has more than 50 + values.. During edit it is difficult to scroll all 50 records of dropdown .Is it possible to have searchable (Autocomplete) in this dropdown.

[KevinVandy]

Auto complete filterVariant is now available in v2 https://www.material-react-table.com/docs/examples/faceted-values

[karsumir]

'Auto complete' only can select one item and what I want is a way for multiple selection with text-field that can search item and choose multiple items.

https://www.material-react-table.com/docs/guides/column-filtering#custom-filter-components
Maybe some example to do this could be a big help for me...
Could you give me some help please?

[Yuki-Izuna]

Hello.
I too am in need of a filter that will work with both multiple selections and autocomplete.

[BigSamu]

Hi,

Also the same here! Is there a way to have an autocomplete with multiple select? Or someone can you give an example of how to create this?