Comments (3)
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.
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.
@cherniavskii can we provide a more generalistic approach for this?
from mui-x.
Related Issues (20)
- [pickers] Date picker bug with disablePast HOT 4
- [data grid] Implementing Visual Feedback for Pasted Data HOT 3
- [charts] Support color scale
- [charts] Support color scale legend HOT 1
- [charts][docs-infra] Document interfaces in dedicated pages
- [data grid] Full-featured CRUD not editing data retrieved from database HOT 3
- [data grid] How to handle nullable values for singleSelect columns? HOT 4
- [data grid] how to filter based on raw row data HOT 6
- With date-fns adapter, date picker date formatting for days of month < 10 always has zero padding, even when format specifies otherwise. HOT 2
- [data grid] position: absolute for rows to avoid repaint HOT 1
- [data grid] Incorrect class name rendered to GridToolbarQuickFilter when customized with GridToolbarContainer HOT 2
- [data grid] Time spend rendering Emotion/Pigment CSS HOT 2
- [pickers][DateTimePicker] not showing 2 in the hour category, but shows 3 twice and the first isn't selectable HOT 10
- [pickers] Date Picker style lost in prod env when loading `SEEK API` script HOT 1
- [datagrid] Performance: event-based reactivity
- [data grid] Use autocomplete in renderHeaderFilter HOT 1
- [data grid] useResizeContainer Console Error when wrapping <div> is modified HOT 1
- [pickers] How to remove leading 0 from TimePicker? HOT 3
- [data grid] Parameters needed for custom column resize. HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mui-x.