Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Primefaces数据表可滚动宽度自动_Jquery_Jsf 2_Primefaces - Fatal编程技术网

Jquery Primefaces数据表可滚动宽度自动

Jquery Primefaces数据表可滚动宽度自动,jquery,jsf-2,primefaces,Jquery,Jsf 2,Primefaces,我有一个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">

我有一个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列,它们不适合视口。 我希望此表的宽度与视口的宽度相同,但primefaces需要在使用可滚动时指定表的滚动宽度滚动高度

我尝试使用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>

$(文档).ready(函数(){
var totalWidth=$(窗口).width();
var totalHeight=$(窗口).height();
$(“.ui datatable frozenlayout right.ui datatable可滚动标题”).width(总宽度-500);
$(“.ui datatable frozenlayout right.ui datatable可滚动体”).width(总宽度-500);
$(“.ui数据表可滚动体”).height(总高度-100);
});
。。。但上面的表格在数据加载过程中发生了变化,在表格填满后,它再次从scrollWidth参数中获取值:-(

你知道怎么解决这个问题吗