Question

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

在上述IR中，我希望一般说明列仅显示30个字符，而不显示换行符。我使用了 td [headers = xx] 代码设置列宽和无数CSS，Inline等。如果我使用任何 no wrap 选项，则其大小将与列中数据的长度一致。我只想展示无论数据长度如何，最多30个字符。我尝试在SELECT查询中使用SUBSTR来将该列限制为30个字符，但是“搜索”功能只能搜索这30个字符字符。

因此，我创建了一个外观类似的IG并禁用了编辑。 一般说明 列的大小可以为30个字符。这种方法效果很好，但分页仍在进行中页面右侧底部！如果我可以将分页移动到左侧的顶部和底部，那么这种方法将非常有用！（用户习惯并希望继续显示记录在左上角和左下角。）

图片。Interactive Grid png

所以我基本上有2个问题，其中1个涉及IR，1个涉及IG！任何建议都会很多感谢！

Answer 1

按字符调整大小是困难的（至少我发现是这样）。如果可以按像素调整大小，则可以对IR尝试以下操作。首先，为该列分配一个静态ID（在此示例中，我将使用“ my-class”）。右键单击IR区域，然后选择创建动态操作。这将创建一个在刷新报表区域时将触发的DA。对于操作，将类型设置为执行JavaScript代码，然后在代码字段中输入以下内容：

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

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

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

如果要在IG中移动分页，请使用以下步骤。将此代码添加到页面的页面加载时执行属性（在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中，是否可以像使用交互式报告一样在左侧顶部和底部显示交互式网格分页？

1 个答案: