How to get p:dataTable id

Question

I need to get the p:dataTable object. But seems like I am not able to get the p:dataTable object using the below.

<script type="text/javascript">    
    var table2 = document.getElementById('test2_datatable_staffs_2');
</script>

<h:form id="form1" prependId="false">
    <p:dataTable id="test2_datatable_staffs_2">

Answer 1

The id of the h:form is being prepended to your p:dataTable

You can use the following code

    var table2 = document.getElementById('form1:test2_datatable_staffs_2');

Or just set the prependId=false for the h:form and use your current code

Answer 2

that cause JSF put the form name before the table id

you should use

<script type="text/javascript">    
    var table2 = document.getElementById('form1\\:test2_datatable_staffs_2');
</script>

Answer 3

You can use widgetVar instead of id .

<p:dataTable widgetVar="test2_datatable_staffs_2">

You can access PrimeFaces elements in JavaScript the following way:

<script type="text/javascript">    
   var table2 = PF('test2_datatable_staffs_2');
</script>

Give this a try and tell me if it works.