TypeError: oColumn не определен при использовании библиотеки jQuery Datatables
У меня проблема с тем, чтобы библиотека jQuery Datatables правильно отображалась в моей таблице на сайте Joomla. http://datatables.net
Сценарий наполовину стилизует мою таблицу, а затем сдается (у меня меняется цвет заголовка таблицы и цвет текста, но нет элементов управления датными данными и т. Д.).
Firebug также выдает следующую ошибку:
TypeError: oColumn is undefined
В моих шаблонах Joomla index.php у меня есть следующее в<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 выглядит так:
<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>