html - JSF myfaces dataTable ，如何避免 NBSP；TD 中的标签

Question

我将样式应用于 myfaces 应用程序的 dataTable 的 TD 元素。

td.financialReportTd {
    font-family: Arial;
    font-size: 12px;
    line-height: 12px;
    color:black;
    background-color: white;
        padding-right: 5px;
    text-align: right;
    border:0px black solid;
    height: 30px;
    padding-top:4px;
    padding-left:4px;
    vertical-align: top;
    direction: rtl;
}

输出：

<td class="financialReportTd">
    &nbsp;&nbsp;&nbsp;&nbsp;         
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;          

    &nbsp;&nbsp;&nbsp;&nbsp;MY TEXT
</td>

无论我尝试什么，那些 NBSP 标签都会填满 TD，并且文本的位置会变得更糟。

我尝试了样式 text-align:right; （我需要 RTL 文本），我尝试了方向：rtl; 没有什么帮助。

如何将我的文本与 TD 的最右侧对齐并避免那些空格标签？

Answer 1

您是否 100% 确定 nbsps 不在数据库中（或您使用的任何数据源）？他们可能是偶然到达那里的（或者是从 excel 或其他地方转换而来的）；这比 JSF 中的这种错误更有可能。

Answer 2

<h:column>
  ></h:panelGrid>
</h:column>

要消除 NBSP，我们需要将 outputText 包装到 panelGrid 中，另外（非常重要！）应该没有 sp 快乐 :)