Скрипт для поиска по таблице

Алексей5 лет в сервисе
Данные заказчика будут вам доступны после подачи заявки
10.06.2020

Есть страница, на ней таблицы с ГИ продуктов - https://bodybuilding-and-fitness.ru/pitanie-sportsmenov/gi.html#i-6

Нужно сделать поиск по таблице, пример - https://vashsport.com/table-gi/  Здесь сам принцип, но мне не нужно, чтобы таблица менялась. В моем случае таблицы статичны, результат будет подставляться под поисковую строку.

Что должно получится на выходе.

  • Поиск должен подставлять прямо под строкой поиска название продукта и значение (данные таблицы во вложении).
  • При поиске должен быть выпадающий список подсказок (как подсказки в Яндексе или Гугл).
Пример оформления CSS https://bodybuilding-and-fitness.ru/kalkulyatory/imt.html

Как на калькуляторе:

  • заголовок "Поиск ГИ продукта" в черной строке;
  • сам поиск и результат в блоке ниже в две сроки.
CSS

Заявки фрилансеров