TypeError: oColumn ist nicht definiert, wenn jQuery Datatables Library verwendet wird

Question

Sep 05, 2012, 01:56 PM

TypeError: oColumn ist nicht definiert, wenn jQuery Datatables Library verwendet wird

Ich habe ein Problem damit, dass die jQuery Datatables-Bibliothek ordnungsgemäß in meiner Joomla-Website-Tabelle angezeigt wird.http://datatables.net

Das Skript formatiert meine Tabelle nur zur Hälfte und gibt dann auf (die Farbe der Tabellenüberschriften wird geändert und die Textfarbe, aber keine Steuerelemente für Datentabellen usw.).

Firebug gibt außerdem den folgenden Fehler aus:

 TypeError: oColumn is undefined

In meiner Joomla Templates index.php habe ich folgendes in der<head>:

<script src="./datatables/js/jquery.js" type="text/javascript"></script>
<script src="./datatables/js/jquery.dataTables.js" type="text/javascript"></script>
<script type="text/javascript"> 
    jQuery.noConflict();                
    jQuery(document).ready(function() {
    jQuery('#staff_table').dataTable({
        "bLengthChange": true,
        "bFilter": true,
        "bSort": true,
        "bInfo": true,
        "bAutoWidth": true
        } );
    } );
</script>

Das HTML / PHP sieht so aus:

<h3>Members of Staff</h3>
<p>If you're looking for a member of staff at Tower Road Academy, you'll find their details here.</p>
<table class="staff_table" id="staff_table">
    <tr class="staff_table_head">
        <th>Name</th>
        <th>Job Title</th>
        <th>Email Address</th>
    </tr>

    <?php
        $result = mysql_query("SELECT * FROM itsnb_chronoforms_data_addstaffmember");

        while($row = mysql_fetch_array($result))
        { 
        echo '<tr>';  
        echo '<td>' . $row['staff_name'] . '</td><td>' . $row['staff_job'] . '</td><td><a     href=mailto:"' . $row['staff_email'] . '">' . $row['staff_email'] . '</a>' . '</td>';
        echo '</tr>';
        }
    ?>
</table>