从最右边移动网格保存和取消按钮,可能左对齐

Move Grid save and cancel buttons from far right, maybe left justify

Vaadin 7 或 Vaadin 8 中有没有办法将 save/cancel 按钮移动到最后一个编辑器列下方?或者也许要为他们辩护?现在他们在最后一列下是右对齐的。我什至会在同一专栏下为他们辩护。从视觉上看,这远不是用户编辑的最后一个东西,所以一些用户会感到困惑。我现在为用户澄清的方法是让网格尽可能窄,但这会浪费屏幕空间。

这在一般情况下会非常困难,因为列宽可以自由调整或者它们的宽度由内容自动计算。但是,如果您将列设置为固定宽度,以便您可以根据您的特定应用程序做出假设,那么就有一个解决方案。

请注意,Editordiv,class 名称为“v-grid-editor-footer”,其宽度与 Grid 相同。所以编辑器页脚没有逻辑单元格,它会与 Grid 的单元格对齐。这就是这里的挑战。此外,您所指的按钮包裹在前一个按钮的子 div 中,class 名称为“v-grid-editor-buttons

不过您可以尝试通过以下方式在您的主题中添加 css 规则。

.v-grid-editor-buttons {
    position: relative;
    left: -300px; // Adjust this value experimentally so that it fits your need
}

下面是 css 应用于 Vaadin 采样器的屏幕截图。