Uncaught TypeError: Cannot read property 'create' of undefined

stanngu

Model Popup is not showing and pagination css is not working . see screenshot for more details. thanks in advance

<apex:page standardStylesheets="false" showHeader="false" sidebar="false">
    <apex:includescript value="//code.jquery.com/jquery-1.12.4.js" / >
    <apex:includescript value="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js" / >
    <apex:includescript value="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js" / >
        
     <apex:includescript value="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js" / >
    <apex:includescript value="https://cdn.datatables.net/responsive/2.1.1/js/responsive.bootstrap4.min.js" / >    
        
    <apex:stylesheet value="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/css/bootstrap.css" />
    <apex:stylesheet value="https://cdn.datatables.net/1.10.13/css/dataTables.bootstrap4.min.css" /> 
    <apex:stylesheet value="https://cdn.datatables.net/responsive/2.1.1/css/responsive.bootstrap4.min.css" />    
    <script>
                j$ = jQuery.noConflict();            
                j$(document).ready(function() {
    j$('[id$="example"]').DataTable( {
        responsive: {
            details: {
                display: j$.fn.dataTable.Responsive.display.modal( {
                    header: function ( row ) {
                        var data = row.data();
                        return 'Details for '+data[0]+' '+data[1];
                    }
                } ),
                renderer: j$.fn.dataTable.Responsive.renderer.tableAll( {
                    tableClass: 'table'
                } )
            }
        }
    } );
} );
</script>
        
        <table id="example" class="display nowrap" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>First name</th>
                <th>Last name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
                <th>Extn.</th>
                <th>E-mail</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Tiger</td>
                <td>Nixon</td>
                <td>System Architect</td>
                <td>Edinburgh</td>
                <td>61</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
                <td>5421</td>
                <td>t.nixon@datatables.net</td>
            </tr>
            <tr>
                <td>Garrett</td>
                <td>Winters</td>
                <td>Accountant</td>
                <td>Tokyo</td>
                <td>63</td>
                <td>2011/07/25</td>
                <td>$170,750</td>
                <td>8422</td>
                <td>g.winters@datatables.net</td>
            </tr>
            <tr>
                <td>Ashton</td>
                <td>Cox</td>
                <td>Junior Technical Author</td>
                <td>San Francisco</td>
                <td>66</td>
                <td>2009/01/12</td>
                <td>$86,000</td>
                <td>1562</td>
                <td>a.cox@datatables.net</td>
            </tr>
            <tr>
                <td>Cedric</td>
                <td>Kelly</td>
                <td>Senior Javascript Developer</td>
                <td>Edinburgh</td>
                <td>22</td>
                <td>2012/03/29</td>
                <td>$433,060</td>
                <td>6224</td>
                <td>c.kelly@datatables.net</td>
            </tr>
        </tbody>
    </table>
        
</apex:page>

allan

Hi,

Happy to take a look if you could link to a test page showing the issue please.

Information on how to create a test page, if you can't provide a link to your own page can be found here.

Thanks,
Allan