@@ -64,7 +64,8 @@ const priceFilter = textFilter({
64
64
comparator: Comparator .EQ , // default is Comparator.LIKE
65
65
caseSensitive: true , // default is false, and true will only work when comparator is LIKE
66
66
style: { ... }, // your custom styles on input
67
- delay: 1000 // how long will trigger filtering after user typing, default is 500 ms
67
+ delay: 1000 , // how long will trigger filtering after user typing, default is 500 ms
68
+ id: ' id' , // assign a unique value for htmlFor attribute, it's useful when you have same dataField across multiple table in one page
68
69
});
69
70
70
71
// omit...
@@ -110,6 +111,7 @@ const qualityFilter = selectFilter({
110
111
comparator: Comparator .LIKE , // default is Comparator.EQ
111
112
style: { ... }, // your custom styles on input
112
113
withoutEmptyOption: true // hide the default select option
114
+ id: ' id' , // assign a unique value for htmlFor attribute, it's useful when you have same dataField across multiple table in one page
113
115
});
114
116
115
117
// omit...
@@ -197,6 +199,7 @@ const qualityFilter = multiSelectFilter({
197
199
comparator: Comparator .LIKE , // default is Comparator.EQ
198
200
style: { ... }, // your custom styles on input
199
201
withoutEmptyOption: true // hide the default select option
202
+ id: ' id' , // assign a unique value for htmlFor attribute, it's useful when you have same dataField across multiple table in one page
200
203
});
201
204
202
205
// omit...
@@ -236,6 +239,7 @@ const numberFilter = numberFilter({
236
239
numberStyle: { backgroundColor: ' cadetblue' , margin: ' 0px' }, // custom the style on number input/select
237
240
numberClassName: ' custom-number-class' , // custom the class on ber input/select
238
241
defaultValue: { number: 2103 , comparator: Comparator .GT } // default value
242
+ id: ' id' , // assign a unique value for htmlFor attribute, it's useful when you have same dataField across multiple table in one page
239
243
})
240
244
241
245
// omit...
@@ -275,6 +279,7 @@ const dateFilter = dateFilter({
275
279
dateStyle: { backgroundColor: ' cadetblue' , margin: ' 0px' }, // custom the style on date input
276
280
dateClassName: ' custom-date-class' , // custom the class on date input
277
281
defaultValue: { date: new Date (2018 , 0 , 1 ), comparator: Comparator .GT } // default value
282
+ id: ' id' , // assign a unique value for htmlFor attribute, it's useful when you have same dataField across multiple table in one page
278
283
})
279
284
280
285
// omit...
0 commit comments