具有大数据表的Web应用程序的CSS网格模板

Question

对于项目，我有以下布局：

页面内容应该使用屏幕上的整个空间，因为表格会非常大。我认为响应式布局是正确的。

标题包含两个浮动到左侧的Logo和一个浮动到右侧的Login块。

在内容区域中，导航框将始终位于左侧。旁边就是桌子。在表中可以添加行和列，这就是表可以变得非常大并且应该使用所有可用空间的原因。在某些时候，水平滑块可以左右滚动表格。

在内容下，fototer包含四个包含附加信息的框。

实现此类Web应用程序的最佳网格解决方案是什么？