Zoek functie in tabel met input en select.

[jandeman023]

Ik heb een tabel zoals dit:



Nu zou ik graag in deze tabel willen kunnen zoeken. Ik wil dan graag willen zoeken naar het "Roll No", "Name" en het "team".

Bij "roll No" wil ik zoeken door middel van een input. Dus stel ik type in een input: "02" dan worden de hele rij dan 1001 en 1003 hidden. Het zelfde geld voor "Name".

Bij "Team" zou ik graag een selectie willen maken met de kleuren. Dus een dropdown waar ik 1 van de kleuren kan selecteren en nadat ik de selectie heb gemaakt dat ik alleen de rij zie met de bijpassende kleur.

Om het even nog speciafieker te maken zou ik de input en selectie velden op de manier willen maken zoals de quick-find en niet zo onder de tabel koppen.



Zou iemand mij hiermee kunnen helpen?

[Harrie_]

jandeman023 schreef op vrijdag 26 mei 2017 @ 12:32:
[...]
Om het even nog speciafieker te maken zou ik de input en selectie velden op de manier willen maken zoals de quick-find en niet zo onder de tabel koppen.
[...]

Maak het even nog specifieker en vertel eens in welke taal je überhaupt bezig bent?

[jandeman023]

McLatey schreef op vrijdag 26 mei 2017 @ 13:14:
[...]


Maak het even nog specifieker en vertel eens in welke taal je überhaupt bezig bent?

Ik ben bezig met Javascript, PHP en natuurlijk HTML en CSS. en graag zou ik dit systeem werkend willen maken met javascript of php.

[Merethil]

jandeman023 schreef op vrijdag 26 mei 2017 @ 13:36:
[...]


Ik ben bezig met Javascript, PHP en natuurlijk HTML en CSS. en graag zou ik dit systeem werkend willen maken met javascript of php.

Er zijn legio javascript-libraries voor, kijk bijvoorbeeld eens naar DataTables, die heeft genoeg opties om dit prima na te kunnen maken. Filteren gebeurt dan op de client, hoef je die niet nog eens te implementeren op de server.

[Verwijderd]

Heb je dit eens gegoogled... ?

https://stackoverflow.com...g-jquery-algorithm-needed

[Matis]

Ik gebruik daarvoor datatables met asynchrone calls naar de backend.

De filtering gebeurt in mijn geval dus in de server omdat de database waaruit de gegevens komen een paar miljoen rijen heeft. De hele tabel clientside inladen en filteren was een no-go.

[ Voor 58% gewijzigd door Matis op 26-05-2017 14:19 ]

[Merethil]

Matis schreef op vrijdag 26 mei 2017 @ 14:17:
Ik gebruik daarvoor datatables met asynchrone calls naar de backend.

De filtering gebeurt in mijn geval dus in de server omdat de database waaruit de gegevens komen een paar miljoen rijen heeft. De hele tabel clientside inladen en filteren was een no-go.

Ja in het geval van datasets boven de 1000 stuks is filteren op de client echt een no-go idd. Daaronder vind ik het de moeite niet waard, maar geen enkele JS-code is sneller in filteren dan SQL natuurlijk

[Creepy]

jandeman023 schreef op vrijdag 26 mei 2017 @ 13:36:
[...]


Ik ben bezig met Javascript, PHP en natuurlijk HTML en CSS. en graag zou ik dit systeem werkend willen maken met javascript of php.

Dus wat heb je nu zelf al allemaal geprobeerd?