css - Mendix 自定义 CSS 将分页按钮放置在模板网格底部单击第一页或最后一页时擦除弹出窗口

Question

我不确定这里有谁熟悉在 Mendix 低代码开发平台中使用自定义 CSS 样式，但我的想法很少，所以我认为值得一试。

因此，对于我们正在开发的应用程序，我们拥有的一件事是弹出一个弹出窗口，用户可以在其中输入信息。它有一个自动完成小部件、两个日期选择器、一个单选按钮小部件和一个模板网格，然后在所有这些输入小部件下方是两个按钮（继续和取消）。模板网格上激活了分页按钮，并激活了一些自定义 CSS 样式以将其设置为特定高度，启用自动流上的 y 轴滚动，并将分页按钮移动到模板网格的底部而不是顶端。

单击除第一页或最后一页外的任何地方都可以正常工作，但是单击“最后一页”按钮或单击“下一页”按钮转到最后一页，将导致除模板网格之外的所有内容，以及继续和取消按钮消失，模板网格的高度缩小到无法使用的水平。在相反的方向上，单击“第一页”按钮，或单击“上一页”按钮转到第一页，基本上会导致整个弹出窗口被清除，所有输入小部件和操作按钮都消失，并且只留下一个白页。

环顾四周后，似乎是由于我从 Mendix 社区论坛帖子中获取的一些自定义 CSS，我曾经将模板网格上的分页按钮移动到网格的底部，而不是导致问题的顶部。如果是因为试图重新调整分页按钮的问题，有没有办法编辑这个 CSS 代码，这样这些问题就不会发生？我使用的 CSS 代码如下所示，对它的任何批评将不胜感激。谢谢！

.mx-grid.mx-templategrid{
  display: flex;
  flex-direction:column;
}

.mx-grid-searchbar{
  order: 1;
}

.mx-grid-controlbar{
  order: 2;
}

.mx-grid-content{
  order: 1;
}