search multiple columns

[Tingting]

Hi,

I have this employee table, which has first_name,last_name, phone. I would like to use autocomplete component to select when you type phone number or first name or last name.

thanks

[UdhayaKumar Duraisamy]

Hi Tingting,

We have prepared a sample for the requested requirement using Custom filtering and shared the sample link below. Please refer to the below code snippet and sample for more details.

onFiltering(e) {

    let Fuse = require('fuse.js');

    let options = {

      keys: ['Vegetable', 'Category', 'Id'],

      includeMatches: true,

      findAllMatches: true,

    };

    let fuse = new Fuse(this.vegetableData, options);

    let result = fuse.search(e.text);

    let data = [];

    for (let i = 0; i < result.length; i++) {

      data.push(result[i].item);

    }

    e.updateData(data, null);

  }

 

Sample : https://stackblitz.com/edit/react-rpmfhr?file=index.js,dataSource.json

Kindly try the above sample and let us know if this meets your requirement.

Regards,

Udhaya Kumar D