TypError: oColumn jest niezdefiniowany podczas korzystania z biblioteki jQuery Datatables

Mam problem z prawidłowym wyświetlaniem biblioteki jQuery Datatables na mojej stronie internetowej Joomla.http://datatables.net

Skrypt jest w połowie stylizowany na mój stół, a następnie poddawany (otrzymuję zmieniony kolor nagłówka tabeli i kolor tekstu, ale nie mam żadnych kontrolek danych itp.).

Firebug zgłasza również następujący błąd:

 TypeError: oColumn is undefined

W moich szablonach Joomla index.php mam następujące<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>

HTML / PHP wygląda tak:

<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>

questionAnswers(4)

yourAnswerToTheQuestion