Я установил таблицу с очень базовыми настройками (oLanguage, bFilter: false, bSort: true), и она показывает стрелки сортировки в заголовках columnd (первый col только показывает стрелку вверх). Тем не менее, нажатие любой из других стрелок ничего не делает... Как я могу сделать их отзывчивыми?
(Ошибка-Консоль не вызывает никаких проблем)
Здесь приведен пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.01 Strict//EN">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<html>
<head>
<title>data</title>
<link rel="stylesheet" type="text/css" href="inc/jquery.dataTables.css" />
<link rel="stylesheet" type="text/css" href="inc/jquery.dataTables_themeroller.css" />
<link rel="stylesheet" href="themes/base/jquery.ui.all.css" />
</head>
<script type="text/javascript" src="inc/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="inc/jquery-1.9.1.js"></script>
<script type="text/javascript" src="inc/jquery.ui.core.js"></script>
<script type="text/javascript" src="inc/jquery.ui.widget.js"></script>
<script type="text/javascript" src="inc/jquery.dataTables.js"></script>
<body>
<table width="100%" id="vorgangsliste">
<thead>
<tr>
<th class="left" width="50px" align="center"> <b>ID</b> </th>
<th class="left" width="50" align="left"> <b>Termin</b> </th>
<th class="middle" width="100px" align="left"> <b>Author</b> </th>
<th class="left" width="*" align="left"> <b>Titel</b> </th>
<th class="FlowLine" width="50px" align="right"> </th>
</tr>
</thead>
<tbody>
<tr class='oddRow'>
<td class="left" width="200px" align="center">BaasTest-20131114-0720</td>
<td width="100px" >
28.12.2012 </td>
<td class="middle" width="100px" align="left">Michael Baas</td>
<td class="right" width="*" align="left">
<a href="#">Manuell angelegt</a>
</td>
<td width="50px" align="right">
<a href="#">L</a>
</td>
</tr>
<tr class='evenRow'>
<td class="left" width="200px" align="center">BaasTest-20131114-0902</td>
<td width="100px" >
24.12.2012 </td>
<td class="middle" width="100px" align="left">Michael Baas</td>
<td class="right" width="*" align="left">
<a href="#">Nochmals manu</a>
</td>
<td width="50px" align="right">
<a href="#">L</a>
</td>
</tr>
</tbody>
</table>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#vorgangsliste').dataTable({
"oLanguage": { "sUrl": "inc/language/de_DE.txt" } ,
"bFilter": false,
"bSort":true
}
);
} );
</script>
</body>
</html>
edit 15 ноября: это становится странным и странным: мне удалось заставить мой пример работать, установив изменение "bfilter":true
. Однако, когда я делал это в своем продуктивном коде, у него не было такого эффекта. И удивительно, когда я затем изменил "bfilter":false
О, мой, это было длительное и жесткое упражнение, но в итоге я нашел причину: в заявлении "oLanguage": { "sUrl": "inc/language/de_DE.txt" }
Я имел в виду несуществующий файл. После окончательного предоставления файла в правильном месте, все работает отлично! :)
Убедитесь, что у вас есть заголовок для всех столбцов. Если какой-либо из ваших столбцов таблицы не имеет соответствующего заголовка, стрелки будут неактуальны.