Code Monkey home page Code Monkey logo

Comments (3)

michelengelen avatar michelengelen commented on July 18, 2024

Hey @StylesTrip ... I think the best option would be to just apply this to the operator you want it to be on, which is the isAnyOf string operator, right?

Here is some example code for this:

const columns = React.useMemo(
  () =>
    data.columns.map((col) => {
      if (col.field === 'name') {
        return {
          ...col,
          filterOperators: getGridStringOperators()
            .filter((operator) => operator.value === 'isAnyOf')
            .map((operator) =>
              operator.value === 'isAnyOf'
                ? {
                    ...operator,
                    InputComponentProps: {
                      ...(operator.InputComponentProps || {}),
                      limitTags: 1,
                    },
                  }
                : operator,
            ),
        };
      }
      return col;
    }),
  [data.columns],
);

I am only applying this to the 'name' column here, but you could just as well apply it to every col that is of type string.

Does this help you?

from mui-x.

StylesTrip avatar StylesTrip commented on July 18, 2024

Thanks for the reply, @michelengelen! I was hoping for a way to do it in the theme as defaultProps as we provide a theme for our frontend projects to use.

If there isn't a clean way to do it there, then this can be a workaround that I can share with those teams.

from mui-x.

michelengelen avatar michelengelen commented on July 18, 2024

@cherniavskii can we provide a more generalistic approach for this?

from mui-x.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.