i_m_newbie

У родительского элемента явно не задано свойство align-items для выравнивания потомков, соответственно, по умолчанию применяется значение stretch, т.е. все элементы в родительском блоке растягиваются по высоте. Отсюда высота всех div`ов одинаковая. Задайте то выравнивание, какое вам нужно (flex-start/center/baseline/flex-end), и блоки примут исходную высоту

В данном случае использовала бы свойство position: fixed; Sticky не всеми браузерами поддерживается. Конкретно в Chrome это свойство не поддерживается у элементов thead, tr: https://caniuse.com/#search=sticky