launchbrigade priority asked 2 years ago


Expected behavior

Get search results

Actual behavior

Get blank page

Resources (screenshots, code snippets etc.)

<MDBDatatable advancedData search data={basicData} />

Pretty much sums it up. Entering ANY character in the search page returns a blank page


Wojciech Staniszewski staff commented 2 years ago

Could you show me what your basicData looks like? Hard to debug this issue without any more code.


launchbrigade priority commented 2 years ago

{ columns: [ { label: 'Name', field: 'name', sort: true }, { label: 'ID', field: 'id', sort: false }, { label: 'Contact', field: 'contact', sort: false }, ], rows: [], }



I created MDBDatatable component like here:

        <MDBDatatable
          advancedData
          search
          data={{
            columns: [
              { label: 'Name', field: 'name', sort: true },
              { label: 'ID', field: 'id', sort: false },
              { label: 'Contact', field: 'contact', sort: false },
            ],
            rows: [
              {name: 'demo', id: 1, contact: 'test'}
            ],
          }}
        />

and search seems to be working correctly. If the problem still occurs, please create the repository on GitHub and send the link here.


launchbrigade priority answered 2 years ago


oh I forgot the errors:

Uncaught TypeError: Cannot read properties of null (reading 'toString')

react-dom.development.js:20085 The above error occurred in the <_n> component:



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: Priority
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 3.0.0
  • Device: Mac
  • Browser: Chrome, Firefox, Safari
  • OS: Monterey
  • Provided sample code: Yes
  • Provided link: No