css - 溢出长文本

Question

我有一个类似下面片段的代码

      <p:dataTable 
                        rendered="#{Controller.lazyDataModel.rowCount > 0 }"
                        value="#{AuditController.lazyDataModel}"
                        var="event" paginator="true" 
                        paginatorTemplate=" {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                        rowsPerPageTemplate="25,50,100" lazy="true"
                        dynamic="false"
                        rows="25" 
                        loadingMessage="#{msgs.lsd_loading}">
                        <p:column width="300" overflow-x="visible">
                            <f:facet name="header">
                                <h:outputText
                                    value="#{msgs.lsd_audit_details}" style="width:500; overflow-x:visible"/>
                            </f:facet>
                            <h:outputText
                                value="#{event.eventDetails}"></h:outputText>
                        </p:column>

但它像图像一样呈现，长行被单元格边框切割。

我应该如何将正确的溢出标签添加到显示所有数据的表行？

Answer 1

我发现了我的错误。所有的麻烦都在结果字符串中，它是没有空格的单个长文本。