在 Apex 19.2 中，是否可以像交互式报告一样在左侧顶部和底部显示交互式网格分页？

Question

我最初创建了一个 IR，但运行遇到了一个我无法解决的问题，所以我尝试了另一种方法使用 IG。请参阅下面的屏幕截图以供参考。

图片.Interactive Reportpng

在上面的 IR 中，我希望 General Notes 列仅显示 30 个字符且不换行。我已经使用 td[headers=xx] 代码来设置列宽和无数的 CSS、Inline 等。如果我使用任何 no wrap 选项，它会根据列中数据的长度调整大小。我只想展示 30 个字符，无论数据长度如何。我尝试在 SELECT 查询中使用 SUBSTR 来将列限制为 30 个字符，但搜索功能只能搜索这 30 个字符字符。

因此，我创建了一个看起来相似的IG并禁用了编辑。 一般说明 列的大小可以为 30 个字符。这种方法效果很好，但是分页是打开的页面右下角！如果我可以将分页移动到左上和下，那么这种方法会很有效！（用户习惯并希望继续展示记录数在左上角和左下角。）

图片.Interactive Gridpng

所以我基本上有 2 个问题，1 个是 IR，1 个是 IG！任何建议都会很多赞赏！

Answer 1

按字符调整大小很困难（至少我觉得是这样）。如果您可以按像素调整大小，则可以针对 IR 尝试以下操作。首先，为该列分配一个静态 ID（在此示例中我将使用 'my-class'）。右键单击 IR 区域并 select 创建动态动作 。这将创建一个在报告区域刷新时触发的 DA。对于操作，将 Type 设置为 Execute JavaScript Code 并在 Code 中输入以下内容] 字段：

$('td[headers="mgr"]').wrapInner('<span></span>');

确保 初始化时触发 属性已启用。接下来，将以下 CSS 添加到页面：

td[headers="my-test"] {
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

如果您想移动 IG 中的分页，请使用以下步骤。将此代码添加到页面的 Execute when Page Loads 属性（在 JavaScript 下）。

$('.a-GV-footer').prepend($('.a-GV-pagination'))

以及 Inline 属性（在 CSS 下）的以下内容：

.a-GV-pagination, .a-GV-stateIcons, .a-GV-status {
  text-align: left;
  display: inline;
}

.a-GV-pagination {
  margin-right: 20px;
}

在 Apex 19.2 中，是否可以像交互式报告一样在左侧顶部和底部显示交互式网格分页？

In Apex 19.2, is it possible to display an interactive grid pagination on the left side top and bottom like you can with an interactive report?

oracle-apex