Question

如何在Oracle ADF中创建类似html的表格？以下

<af:table>

还添加了标题，这在我的情况下是不需要的。我只需要一个简单的表格，如布局，行和单元格之间没有边距。像这样的东西（注意：代替文字可能是任何东西，布局，想象等）：

enter image description here

我可以使用 panelGridLayout 创建类似的内容，但在添加边框时，行之间的边距仍然存在。

<af:panelGridLayout id="pgl3">
        <af:gridRow height="auto" id="gr4">
          <af:gridCell id="gc9"
                       inlineStyle="padding-top:5px; padding-bottom:5px; padding-right:20px; padding-left:20px; border-right:solid thin; border-left:solid thin; border-top:solid thin; border-bottom:solid thin; border-color:Silver;">
            <af:outputText value="Text1"/>
          </af:gridCell>
          <af:gridCell id="gc8"
                       inlineStyle="padding-top:5px; padding-bottom:5px; padding-right:20px; padding-left:20px; border-right:solid thin; border-top:solid thin; border-bottom:solid thin; border-color:Silver;">
            <af:outputText value="Text2"/>
          </af:gridCell>
        </af:gridRow>
        <af:gridRow height="auto" id="gr6">
          <af:gridCell id="gc10"
                       inlineStyle="padding-top:5px; padding-bottom:5px; padding-right:20px; padding-left:20px; border-right:solid thin; border-left:solid thin; border-top:solid thin; border-bottom:solid thin; border-color:Silver;">
            <af:outputText value="Text3"/>
          </af:gridCell>
          <af:gridCell inlineStyle="padding-top:5px; padding-bottom:5px; padding-right:20px; padding-left:20px; border-right:solid thin; border-top:solid thin; border-bottom:solid thin; border-color:Silver;"
                       id="gc6">
            <af:outputText value="Text4"/>
          </af:gridCell>
        </af:gridRow>
      </af:panelGridLayout>

看起来像：

enter image description here

另外，我注意到了这个解决方案（https://community.oracle.com/thread/1104448），但我更愿意避免使用ADF表，因为我只需要布局。

由于

Answer 1

使用JSF <h:panelGrid>，它将给出html表的外观：

<h:panelGrid columns="2" id="pg1" width="100%" frame="box" rules="all">
    <af:outputText value="Text1" id="ot1"/>
    <af:outputText value="Text2" id="ot2"/>
    <af:outputText value="Text3" id="ot3"/>
    <af:outputText value="Text4" id="ot4"/>
</h:panelGrid>

Answer 2

我不确定它是否会起作用，但尝试它并没有伤害，将 html标记放在 value 的 <af:outputFormatted> 属性中，例如： < / p>

<af:outputFormatted styleUsage="yourStyle"
                value="<b>any output</b>"/>

Answer 3

Trinidad table 会为您提供准确的html表格布局。

但是，如果可能的话，你应该避免在你的adf应用程序中使用html。
如果你的要求只是没有标题的表，你可以设置样式 af：table 和关闭皮肤中的标题图层，如下所示：

.noHeader af|column::column-header-cell{
   display: none;
}

layout = horizontal 模式下的

af：panelGroupLayout 也会在其内容周围呈现html表格，但是您只有一行，几乎无法控制它的行为。< / p>

af：panelGridLayout 也会呈现可用作表格布局的网格。

Answer 4

如何使用listView组件 - http://jdevadf.oracle.com/adf-richclient-demo/faces/components/listView/listViewTabular.jspx

在Oracle ADF中创建类似表的html

4 个答案: