用于动态可变单元格高度的Flexbox或网格

Question

我们最初是一家营业时间很短的公司，营业时间为几小时，有些企业每天只有一组小时，其他时间为2小时，其他时间为3点。早餐，午餐和晚餐。

所以每个单元的高度是可变的和动态的。

我们受到性能的限制，因为它位于具有许多DOM节点的提要中，因此寻找最优化的解决方案，这些解决方案在发生时不会影响重排，布局或绘制过程（或至少最小限度） （也许是出于其他原因）如果用户在许多业务上都增加营业时间，则进行滚动。这意味着解决方案也必须考虑性能。如果用户在这种情况下滚动，我们将无法重新布局大量的Grid或Flexbox。

小时开始关闭（折叠），然后在用户点击时打开，就像这样...

考虑到以上性能，什么是可靠的安全解决方案，以处理具有dbl或3倍时间的电池的均匀分布？在第一列中仍保持一周的中心日期，行之间的间距相等吗？ Tnx。