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

如何解决Mendix 自定义 CSS 将分页按钮放置在模板网格底部，当点击第一页或最后一页时会擦除弹出窗口

我不确定这里有谁熟悉在 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;
}