Question

我有一个Primefaces数据表：

<p:dataTable id="vmTbl" value="#{plnVacationMatrix.vacationList}" var="v" scrollable="true" 
  frozenColumns="2" scrollWidth="1000" scrollHeight="600">

    <p:column headerText="Employee" style="min-width:330px">
        <h:outputText value="#{v.employee.surnameNameCode}" />
    </p:column>

    <p:column headerText="Company" style="min-width:200px">
        <h:outputText value="#{v.company.shortName}" />
    </p:column>

    <p:column headerText="1" style="min-width:20px">
        <h:outputText value="#{v.week1}" />
    </p:column>

    (...)

</p:datatable>

表中总共有55列，它们不适合视口。我希望此表格宽度与视口相同，但是当使用可滚动 scrollWidth 和 scrollHeight >

我尝试使用jQuery来修复表格：

<script type="text/javascript">
    $(document).ready(function(){
        var totalWidth = $(window).width();
        var totalHeight = $(window).height();
        $(".ui-datatable-frozenlayout-right .ui-datatable-scrollable-header").width(totalWidth - 500);
        $(".ui-datatable-frozenlayout-right .ui-datatable-scrollable-body").width(totalWidth - 500);
        $(".ui-datatable-scrollable-body").height(totalHeight - 100);
    });
</script>

...但是在数据加载期间上面的更改表，并且在表填满后，它再次从 scrollWidth 参数中获取值： - （

你知道如何解决这个问题吗？

Primefaces数据表可滚动宽度自动

0 个答案: