How to succinctly realize the search function of table by element ui

the desired piece of information can be displayed when you want to enter a person"s name or date (the data in this table is simulated in easy-mock).
and how to have all the data in the Filter table instead of just the current page of Filter

Javascript
Apr.06,2021

depends on how you get the original tabular data:

  1. if you take all the data at once, perform Filter at the front end. The array has a filter method, and then re-bind the data to the table after Filter
  2. if the data is dynamic, you can only send a request to the backend when you click the search button, then rebind to the table and display

Ben thought the question was too simple, and the answer was very clear. Seeing that the question was updated again, you probably didn't understand the front end at all.

the tableData you assigned to element ui
modify the tableData and then re-assign it.
such as 

//: searchData
let resultData = tableData.filter(data=>{
    //date, name
    if(data.date == searchData|| data.name.indexOf(searchData) != -1){ //
        return true;
    }
});
//resultData element ui

that's a great answer. Thank you

.

Previous: Mini Program's http request is debugged by a real machine, and the access does not take effect after debugging is enabled.

Next: Vue-cli 3.0 webpack configuration multiple html page

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu