datatable search via data attributes

Topic: datatable search via data attributes

Pierre Grobbelaar priority asked 2 years ago

I use php to fetch mysqli data to dynamically populate the table. I want the search function to search table content through data attributes.

I cant get it to filter the data because I don't know how to activate the function. Please provide a generic example of the search function using data attributes instead of javascript. Mdb basic table example

Add comment

Mejuto free answered 2 years ago

0 0 Best answer

Work perfect! Thank you.

Regards

Add comment

Dawid Wajszczuk staff answered 2 years ago

2 0 Best answer

Please insert min. 20 characters.

Hi,

You just need to write this JS code

const instance = mdb.Datatable.getInstance(document.querySelector('.datatable'));

document.querySelector('#datatable-search-input').addEventListener('input', (e) => {
  instance.search(e.target.value);
});

Here is the snippet https://mdbootstrap.com/snippets/standard/d-wajszczuk/3532745#js-tab-view.

Keep coding,
Dawid

Pierre Grobbelaar priority commented 2 years ago

Exactly what I was looking for. Thank you Dawid.

Add comment

Mejuto free answered 2 years ago

0 0 Best answer