How to add search functionality in a table in laravel

I'd recommend using a plugin. Take a look at Laravel TNTSearch, it's a driver for Laravel Scout and brilliant - https://github.com/teamtnt/laravel-scout-tntsearch-driver

@CHRISPAGE1 - but the problem i see , is that does the search in the backend, how do i display i search bar in the blade ? like when i want to do users table pagination i can use paginate() in the controller then i can use

      {{$userss->links()}}

Step 1

< input type="text" v-model="search" class="form-control " >

< button class="btn btn-primary">

Step 2

export default {

data () {

  return {
    alldata:[],
    search:'',
    perPage: 20,
    totalData: 0,
  }
},
watch: {
    search() {
      if (this.search.length != 0) {
        this.TableData();
      }
    }
},

Step 3

NB: make a method TableData

     TableData(nextPage = null) {
      

       let url = `http://127.0.0.1:8000/searchl?per_page=${this.perPage}`;

        if(nextPage) {
          url += `&page=${nextPage}`;
         
        }
        if (this.search.length) {
            url += `&search=${this.search}`;
        }
       

Then call axios

step 4

      axios.get(url)

Just add a search form: https://drive.google.com/file/d/0B1_PFw--3o74YjVreHNBOWU2aEE/view

@KISAW88 - Search form in blade can be (assuming your route to your controller method is /users and you have a POST route setup) -

<form method="POST" action="/users">
    @csrf
    <input type="search" placeholder="Search here" />
    <button type="submit">Search</button>
</form>

Then on your controller method you do the following (with a Scout plugin / Laravel TNTSearch installed) -

if ($request->has('search')) {
    $users = User::search($request->input('search'));
} else {
    $users = User::query();
}

return view('users', ['users' => $users->paginate()]);