数据表奇怪的显示行为

Question

鉴于此jsf代码

<p:dataTable id="dt1" var="tVar" value="#{regelBean.queriedElements}" scrollable="true"
   style="width: 30%; background-color: #F44">
     <p:column style="background-color: #4F4; word-wrap: break-word; white-space: pre-wrap;" headerText="Regeltext">
        <h:outputText value="#{tVar.regelTxt}"/>
     </p:column>
</p:dataTable>

其中regelTxt是

AAB = 100000000000000000000000000000000001000000000000000000000000000000006661000000000000000000000000000000000010000000000000000000000000000000066610000000000000000000000000000000000100000000000000000000000000000000666 AND
AA_depr_DB = 1

为什么我的数据表上有17px的边框，标题中没有黑色边框？

我尝试了从溢出，文本换行，空白到自动换行的每个HTML样式元素。什么都没有给我我想要的东西（加上似乎我必须使用scrollable="true"）

我希望它看起来像这样（应用了疯狂的绘画技巧）：

或者像这样：

如何？感谢您的帮助