两个字段在同一个表行

时间:2015-10-28 08:24:18

标签: xpages

enter image description here如何删除此行?这2个傻瓜在桌子上。 表位于面板中,面板位于表格行中。

当我将2个字段放入同一个表行时。一个字段停留在第一个字段下。我只想要两个领域并排(并排)

这是一个简单的代码,也许你可以通过添加CSS代码帮助我同时显示两个字段。我不知道哪个CSS属性可以帮助我

<xp:table style="width:646.0px">
    <xp:tr>
        <xp:td>
            <xp:inputText id="inputText2"></xp:inputText>
            <xp:inputText id="inputText3"></xp:inputText>
        </xp:td>
        <xp:td>
            <xp:inputText id="inputText4"></xp:inputText>
            <xp:inputText id="inputText5"></xp:inputText>
        </xp:td>
    </xp:tr>
</xp:table>

1 个答案:

答案 0 :(得分:2)

表是排列项目的首选元素,但不是在您的示例中使用它。如果你改变那样的代码,那么你根本不需要使用css:

<xp:table style="width:646.0px">
    <xp:tr>
        <xp:td>
            <xp:inputText id="inputText2"></xp:inputText>
        </xp:td>
        <xp:td>
            <xp:inputText id="inputText3"></xp:inputText>
        </xp:td>
        <xp:td>
            <xp:inputText id="inputText4"></xp:inputText>
        </xp:td>
        <xp:td>
            <xp:inputText id="inputText5"></xp:inputText>
        </xp:td>
    </xp:tr>
</xp:table>

如果这不可能(无论出于何种原因),那么您可以更改inputText- Elements的“display”样式。虽然您的示例单独没有显示所描述的行为(您的示例代码确实在我的测试中显示内联),但您可以更改代码:

<xp:table style="width:646.0px">
    <xp:tr>
        <xp:td>
            <xp:inputText id="inputText2" style="display: inline"></xp:inputText>
            <xp:inputText id="inputText3"></xp:inputText>
        </xp:td>
        <xp:td>
            <xp:inputText id="inputText4" style="display: inline"></xp:inputText>
            <xp:inputText id="inputText5"></xp:inputText>
        </xp:td>
    </xp:tr>
</xp:table>