Topic: Not used any another component tag in MDB table

harmis free asked 4 years ago

Expected behavior Searching for text that is being rendered by a component should be displayed during a search.

Actual behavior I've noticed that if a cell's data is returned from another component, it is not being returned by search. This is the case whether JSX is returned, or even just returning the string value directly back still results in the record not being returned.

Resources (screenshots, code snippets etc.)

const My_Component = ({searchValue}) => {
        return <a href={`${searchValue}`}>{searchValue}</a>;
    data = {
        columns: [
                label: 'Name',
                field: 'name'
                label: 'Search',
                field: 'search'
        rows: [
                name: 'Ashton Cox',
                search: <My_Component searchValue={'dogs'} />
                name: 'Cedric Kelly',
                search: <My_Component searchValue={'cats'} />
                name: 'Airi Satou',
                search: 'No Search'

<MDBDataTable className="cstm-data-tbl"

Konrad Stępień staff answered 4 years ago

Hi @harmis,

Thank you for the founded bug!

I'll see where this result came from.

We will try to fix this in the near future.

Best regards.

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.23.0
  • Device: Web
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No