Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: How to override the search component of MDBDataTableV5.

Mohammed Saadi free asked 4 years ago


I need to override the search component to change its behavior as follows, is that possible, and if yes can I have some guidance on what parts of the code I need to modify or handle through an example?

  1. Search to be insensitive for Arabic Diacritics.
  2. Once matching results (displayed as combination of more than a field for each result) are placed below the search component as drop down to be selected from.
  3. Once a result from the drop down results is selected, instead of filtering the result form the data grid, the desired behavior is to go to page where the result is and highlight the result. The results in the drop down list shall remain visible until the search query is changed.

Mohammed Saadi free answered 4 years ago


Thanks Krzysztof for your response. What about through custom development services, is the above description something that can be achieved?


Krzysztof Wilk staff commented 4 years ago

Hi!

I think the first option can't be achieved.

For the second one, you can try to use our multiselect with search https://mdbootstrap.com/docs/react/forms/search/#multiselect.

The third one is achievable in my opinion, but it needs some code to write. For example - after changing the state of selected items you can find on the page an element with ID from option value and change its background-color.

Best regards


Krzysztof Wilk staff answered 4 years ago


Hi!

I'm afraid that there's no possibility of overriding our components.

Best regards



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.27.0
  • Device: Windows, Apple
  • Browser: Chrome, Firefox, IE
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No