Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html ZURB地基-固定头和固定第一柱和最后柱的响应表 我用Zurb基金会写了一个Web应用程序,遇到了一个小问题。_Html_Css_Sass_Zurb Foundation_Zurb Foundation 6 - Fatal编程技术网

Html ZURB地基-固定头和固定第一柱和最后柱的响应表 我用Zurb基金会写了一个Web应用程序,遇到了一个小问题。

Html ZURB地基-固定头和固定第一柱和最后柱的响应表 我用Zurb基金会写了一个Web应用程序,遇到了一个小问题。,html,css,sass,zurb-foundation,zurb-foundation-6,Html,Css,Sass,Zurb Foundation,Zurb Foundation 6,我需要能够有一个具有固定标题和固定的第一列和最后一列的响应表,当宽度太小时,其他列可以滚动 仅使用CSS就可以做到这一点吗?请查看此内容,以获得解决问题的方法 缩小屏幕以查看所需的效果。唯一的问题是,当标题被修复时,它不会向右滚动。您可以从表中删除固定标题类以删除固定标题效果,在这种情况下,水平滚动将正常工作 警告:我个人不推荐这种方法,因为用户必须知道有额外的列需要滚动。此外,用户甚至可能不知道如何显示隐藏的列(水平滚动对于表来说并不直观) 备选方案:我假设这种方法背后的基本原理是能够在移动设

我需要能够有一个具有固定标题和固定的第一列和最后一列的响应表,当宽度太小时,其他列可以滚动

仅使用CSS就可以做到这一点吗?

请查看此内容,以获得解决问题的方法

缩小屏幕以查看所需的效果。唯一的问题是,当标题被修复时,它不会向右滚动。您可以从表中删除
固定标题
类以删除固定标题效果,在这种情况下,水平滚动将正常工作

警告:我个人不推荐这种方法,因为用户必须知道有额外的列需要滚动。此外,用户甚至可能不知道如何显示隐藏的列(水平滚动对于表来说并不直观)

备选方案:我假设这种方法背后的基本原理是能够在移动设备上显示一个大表,在这种情况下,我建议使用另一种解决方案,将大表折叠成两列布局

查看下面的代码笔片段。在我的项目中,我一直使用这种策略