+ Start a Discussion
SAHG-SFDCSAHG-SFDC 

Inline edit works on 1st page not on 2nd using javascript

<apex:page standardController="Opportunity" Extensions="OptyProduct" >
    <head>
        <apex:includescript value="//code.jquery.com/jquery-1.11.1.min.js" / > 
        <apex:includescript value="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js" /> 
      
        <apex:stylesheet value="//cdn.datatables.net/1.10.4/css/jquery.dataTables.css" />
        <script>
            j$ = jQuery.noConflict();
            j$(document).ready( function () {
                var contactTable = j$('[id$="contacttable"]').DataTable({
                "lengthMenu": [[5], []],
                    "bLengthChange": false,
                    "bFilter": false,
                    "bInfo": false,
                    "bAutoWidth": false,
                    order: [[2, 'asc']], 
                     "aLengthMenu": [[5], [5]],      
                   order: [[2, 'asc']],
                    initComplete: function() {
                        var api = this.api();
                        var select = j$('[id$=accountSelect]');
                        api.column(0).data().unique().sort().each( function ( d, j ) {
                            select.append( '<option value="'+d+'">'+d+'</option>' )
                        } );   
                    }
                });
                  
            });
        </script>
    </head>
    <body> 
    <apex:form >

HI I am using the above Javascript and pagination works fine, However, When I try to edit on the resulting columns , I can edit the first page
When I navigate to  second page inline edit seems like lock

Any ideas?