OK, my problem are prependId must be false.
<h:form id="idForm" prependId="false">
Question
I try to use DataTables.js (specifically FixedColumns) in one p:datatable
.
This is my head:
<h:head>
<title><ui:insert name="titulo">#{bundleComunes.Titulo}</ui:insert></title>
<script type="text/javascript" charset="utf-8" src="#{request.contextPath}/extras/FixedColumns/media/js/FixedColumns.js" />
<script type="text/javascript" charset="utf-8" src="#{request.contextPath}/js/media/js/jquery.js"/>
<script type="text/javascript" charset="utf-8" src="#{request.contextPath}/js/media/js/jquery.dataTables.js"/>
</h:head>
and this is my p:dataTable
<p:dataTable var="row" id="list" value="#{BB.dataTable}" rowStyleClass="#{styleController.colored(row.modificable)}" style="width : 1024px">
<p:column headerText="#{bundle['id1']}">
<h:outputText value="#{row.id1}" title="#{row.id1.descripcion}" />
</p:column>
<p:column headerText="#{bundle['id2']}">
<h:outputText value="#{row.id2}" title="#{row.id2.descripcion}" />
</p:column>
<p:columns var="fecha" value="#{BB.lFechaEntradaVigor}">
<f:facet name="header">
<h:outputText value="#{fecha}" />
</f:facet>
<h:outputText value="#{row.getCoste(fecha)}" styleClass="#{row.modificable && row.isValido(fecha)?'vigor':''}" style="text-align:right;">
<f:convertNumber groupingUsed="true" minFractionDigits="2" />
</h:outputText>
</p:columns>
</p:dataTable>
and this my js
var oTable2 = $('#list').find('table').dataTable({
"sScrollX" : "100%", //Scroll
"sScrollY" : "180",
"bAutoWidth" : false,
"bScrollCollapse" : true,
"bPaginate" : false,
"bSort" : false,
"sInfo" : "",
"sInfoEmpty" : ""
});
var oFC = new FixedColumns(oTable2, { "iLeftColumns" : 4, //Freezed first for columns "sHeightMatch" : "auto", "iLeftWidth" : 405 });
I found this question but js gives me this error: Can not get value ' aoColumns ' property : the object is null or undefined
but error is in FixedColumns.js:83 "iTableColumns": oDT.fnSettings().aoColumns.length,
oDT.fnSettings()
is null
Any idea?? THX
Solution 2
OK, my problem are prependId must be false.
<h:form id="idForm" prependId="false">
OTHER TIPS
Try to add this :
"aoColumns": [
null
]