Question

我有一个primefaces数据表，在最后一栏我有填充/边距问题（我相信） Primeface Datatable with padding issue 。

在右边的栏中，我总是有一个问题空白，我不想要任何问题。目前我有一个可调整大小的面板（这是更好的），虽然我已尝试使用scrollpanel，outputpanel，outputtext。任何人都可以帮我删除这个空格吗？

相关代码;

<p:dataTable
    id="dataTable" 
    value="#{wireTapLogSearch.results}" var="r"
    rendered="#{not empty wireTapLogSearch.results}"
    styleClass="order-table"
    headerClass="order-table-header"
    rowClasses="order-table-odd-row,order-table-even-row"
    align="center"
    columnClasses="idcol, srccol, dstcol, sblcol, flwcol, orddatecol, typcol, xmlcol"
    >



  <p:column style="padding:0 0 0 0!important; margin:0 0 0 0!important;">
    <f:facet name="header">XML Interaction</f:facet>
    <div style="padding:0 0 0 0!important; margin:0 0 0 0!important;">
      <p:panel id="containment" style="width:350px; height:80px; margin:0 0 0 0; padding:0 0 0 0; white-space: pre; overflow: auto;">  
        #{r.XML_INTERACTION}  
      </p:panel>  
      <p:resizable for="containment"/> 
    </div>
  </p:column>
</p:dataTable>

CSS：

       .order-table{   
            border-collapse:collapse;
            table-layout: fixed;
            /*width: 80%;*/
        }
.order-table-header{
            text-align:center;
            background:none repeat scroll 0 0 #E5E5E5;
            border-bottom:1px solid #BBBBBB;
            padding:16px;
        }
.order-table-odd-row{
            text-align:center;
            background:none repeat scroll 0 0 #FFFFFFF;
            border-top:1px solid #BBBBBB;
            padding: 0 0 0 0;
            margin: 0 0 0 0;
        }
.order-table-even-row{
            text-align:center;
            background:none repeat scroll 0 0 #F9F9F9;
            border-top:1px solid #BBBBBB;
            padding: 0 0 0 0;
            margin: 0 0 0 0;
        }
.preformatted {
            white-space: pre;
            overflow: auto;
            width: 300px;
        }

        .idcol { width: 30px;}
        .srccol{ width: 20px;}
        .dstcol{ width: 20px;}
        .sblcol{ width: 60px;}
        .flwcol{ width: 60px;}
        .orddatecol{ width: 50px;}
        .typcol{ width: 20px;}
        .xmlcol{
            width: 300px;
            height: 80px;
            white-space: pre;
            overflow: auto;
        }

非常感谢任何帮助。

修改的为延迟道歉，只是让我们的数据库备份生成的HTML：

<br /><div id="j_id_6:dataTable" class="ui-datatable ui-widget order-table"><table role="grid"><thead><tr role="row"><th id="j_id_6:dataTable:j_id_1u" class="ui-state-default" role="columnheader"><div class="ui-dt-c"><span>Wire Tap Log ID</span></div></th><th id="j_id_6:dataTable:j_id_1x" class="ui-state-default" role="columnheader"><div class="ui-dt-c">
<span>Source Component</span></div></th><th id="j_id_6:dataTable:j_id_20" class="ui-state-default" role="columnheader"><div class="ui-dt-c">
<span>Destination Component</span></div></th><th id="j_id_6:dataTable:j_id_23" class="ui-state-default" role="columnheader"><div class="ui-dt-c">
<span>Siebel ID</span></div></th><th id="j_id_6:dataTable:j_id_26" class="ui-state-default" role="columnheader"><div class="ui-dt-c">
<span>Flow ID</span></div></th><th id="j_id_6:dataTable:j_id_29" class="ui-state-default" role="columnheader"><div class="ui-dt-c">
<span>Order Date</span></div></th><th id="j_id_6:dataTable:j_id_2c" class="ui-state-default" role="columnheader"><div class="ui-dt-c">
<span>Type</span></div></th><th id="j_id_6:dataTable:j_id_2f" class="ui-state-default" role="columnheader" style="padding:0 0 0 0!important; margin:0 0 0 0!important;"><div class="ui-dt-c">
<span>XML Interaction</span></div></th></tr></thead><tfoot></tfoot><tbody id="j_id_6:dataTable_data" class="ui-datatable-data ui-widget-content"><tr data-ri="0" class="ui-widget-content ui-datatable-even" role="row"><td role="gridcell"><div class="ui-dt-c">

<span class="idcol">20</span></div></td><td role="gridcell"><div class="ui-dt-c">
<span class="srccol">A</span></div></td><td role="gridcell"><div class="ui-dt-c">
<span class="dstcol">B</span></div></td><td role="gridcell"><div class="ui-dt-c">
<span class="sblcol">1-12345678909</span></div></td><td role="gridcell"><div class="ui-dt-c">
<span class="flwcol">9876543</span></div></td><td role="gridcell"><div class="ui-dt-c">
<span class="orddatecol">12/10/2013</span></div></td><td role="gridcell"><div class="ui-dt-c">
<span class="typcol">LOG</span>
</div></td><td role="gridcell" style="padding:0 0 0 0!important; margin:0 0 0 0!important;"><div class="ui-dt-c">
                <div style="padding:0 0 0 0!important; margin:0 0 0 0!important;"><div id="j_id_6:dataTable:0:containment" class="ui-panel ui-widget ui-widget-content ui-corner-all" style="width:350px; height:80px; margin:0 0 0 0; padding:0 0 0 0; white-space: pre; overflow: auto;"><div id="j_id_6:dataTable:0:containment_content" class="ui-panel-content ui-widget-content">  
                            RandomXML  
                    </div></div><script id="j_id_6:dataTable:0:containment_s" type="text/javascript"><!--

PrimeFaces.cw（＆＃39;面板＆＃39;＆＃39; widget_j_id_6_dataTable_0_containment＆＃39;，{ID：＆＃39; j_id_6：dataTable中：0：容纳＆＃39;}）; // - ＆GT;

干杯，

亚历

JSF Primefaces Datatable填充

0 个答案: