Jquery Primefaces数据表可滚动宽度自动
我有一个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">
<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参数中获取值:-(
你知道怎么解决这个问题吗