HTML: filtering table

A quick and simple solution to filter large html tables as used in IMMO.invent* is needed. The filter is placed on the table header and is selected via drop-down menu. The below solutions works when filtering one column at a time [1]:

[1] filter html table (Stackoverflow), https://stackoverflow.com/a/60326655/4869421

However, this solution works only when applied to one single column of a html table. 

When filtering a diverse number of columns in a html table is needed, than this nice plugin was adopted [2]:

[2] Simple jQuery Dropdown Table Filter Plugin - ddtf.js (Github), https://github.com/rbayliss/Dropdown-Table-Filter.git 

Other solutions might be interesting but turned out to be either to complicated or to simplistic:

[3] filter html table (Stackoverflow), https://stackoverflow.com/questions/66989506/filtering-html-table-columns-with-select-dropdowns

[4] filter html table (Stackoverflow), https://stackoverflow.com/questions/60326111/html-table-drop-down-filtering

[5] filter html table (Stackoverflow), https://stackoverflow.com/questions/69414566/filtering-html-table-using-dropdown-select

[6] filter html table with multi-criteria (Stackoverflow), https://stackoverflow.com/a/66426897/4869421

* IMMOinvent is a web-based application to analyse the energy demand and potential greenhouse gas emissions of large municipal real-estate portfolios.