Grails 脚手架视图中没有水平滚动

Question

我有一个 table 在某些列中具有相对较长的值，并且在我的 Grails 应用程序中为它启用了动态脚手架（我使用的是 Grails 3.3.8）。因此，在某些屏幕分辨率下，它们不适合屏幕，最右边的列最终出现在屏幕之外 - 事情是，水平滚动条不会出现，所以用户甚至不知道它们在那里.将它们带回来的唯一方法是缩小——你不能用滚动条（因为它不在那里）或鼠标滚轮滚动；箭头也不起作用。

如何解决此问题，使水平滚动条看起来像内容超出屏幕大小的 "regular" 网页？

Answer 1

好的，明白了！所以诀窍是编辑app文件夹中的assets/stylesheets/main.css文件，特别是这一点：

body {
    background-color: #F5F5F5;
    color: #333333;
    overflow-x: hidden; /* <<<< */
    -moz-box-shadow: 0 0 0.3em #424649;
    -webkit-box-shadow: 0 0 0.3em #424649;
    box-shadow: 0 0 0.3em #424649;
}

我们将 overflow-x 从 hidden 编辑为 auto，瞧！ :)

Grails 脚手架视图中没有水平滚动

No horizontal scrolling in Grails scaffolded views

java

grails

grails-3.0

grails3