How to add custom filter?


Topic: How to add custom filter?

Prajapati asked 8 months ago

I am using MDBDatatable and I want to add custom filter like screenshot and my code is below: <MDBDataTable striped bordered hover data={this.state} />

enter image description here

Can you please suggest me about how to add custom filter. Hope you understand. Thanks!


Piotr Glejzer staff commented 8 months ago

Do you want to have one more filter? Or you want to modify an existing one?


Prajapati commented 8 months ago

No, I haven't any custom filter, want to add in my project. Can you please suggest?


Piotr Glejzer staff commented 8 months ago

What kind of filter it will be? You can check our filter in datatable source code and take pattern about this and make your custom filter as you want.


Prajapati commented 8 months ago

I have lot of data in difference type, I want to add a drop down (as I added screenshot on above) on top of datatable and when I select a type then want to show data like selected type. Hope you understand.


Piotr Glejzer staff commented 8 months ago

Yes, I understand. But we only have that filter what can you see in our examples. If you want to create a custom datatable filter you have to do for your own. Make a new component, add props and methods and paste it to datatable. I suggest using code from our github repo where you can find a datatable https://github.com/mdbootstrap/React-Bootstrap-with-Material-Design.


Please insert min. 20 characters.
Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: React
  • MDB Version: 4.23.0
  • Device: web
  • Browser: all
  • OS: all
  • Provided sample code: No
  • Provided link: No