@@ -64,7 +64,8 @@ const priceFilter = textFilter({
6464 comparator: Comparator .EQ , // default is Comparator.LIKE
6565 caseSensitive: true , // default is false, and true will only work when comparator is LIKE
6666 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
6869});
6970
7071// omit...
@@ -110,6 +111,7 @@ const qualityFilter = selectFilter({
110111 comparator: Comparator .LIKE , // default is Comparator.EQ
111112 style: { ... }, // your custom styles on input
112113 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
113115});
114116
115117// omit...
@@ -197,6 +199,7 @@ const qualityFilter = multiSelectFilter({
197199 comparator: Comparator .LIKE , // default is Comparator.EQ
198200 style: { ... }, // your custom styles on input
199201 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
200203});
201204
202205// omit...
@@ -236,6 +239,7 @@ const numberFilter = numberFilter({
236239 numberStyle: { backgroundColor: ' cadetblue' , margin: ' 0px' }, // custom the style on number input/select
237240 numberClassName: ' custom-number-class' , // custom the class on ber input/select
238241 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
239243})
240244
241245// omit...
@@ -275,6 +279,7 @@ const dateFilter = dateFilter({
275279 dateStyle: { backgroundColor: ' cadetblue' , margin: ' 0px' }, // custom the style on date input
276280 dateClassName: ' custom-date-class' , // custom the class on date input
277281 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
278283})
279284
280285// omit...
0 commit comments