JQuery TableSorter :Стрелки сортировки не отображаются
Я реализую сортировщик таблиц jQuery, но стрелки не отображаются.
Вот что я сделал до сих пор:
<script type="text/javascript" src="/path/to/jquery-latest.js"></script>
<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script>
и
$(document).ready(function()
{
$("#myTable").tablesorter();
}
);
Таблица сортируется нормально, но стрелки не отображаются. Я что-то упустил здесь?
Я даже добавил следующее, но это не сработало:
<LINK rel="StyleSheet" type="text/css" href="../tablesorter/themes/green/style.css">
1 ответ
Было несколько вещей, которые я должен был сделать, чтобы заставить стрелки обнаруживаться.
первое должно было добавить CSS. Я переместил tablesorter-blue.css в каталог с остальной частью моих стилей, затем импортировал его со следующим тегом.
<link rel="stylesheet" href="/styles/tablesorter-blue.css">
часть, что другие пропущенные ответы должны были указать стиль при определении таблицы.
<script>$(function() {$('#table_to_sort').tablesorter({"theme": "blue"});});</script>
при просмотре tablesorter - *.css файлы Вы будете видеть, что стили определяются с именами как tablesorter-синий или tablesorter-зеленый цвет. Путем определения темы это добавляет имя темы к 'tablesorter-' так, чтобы можно было включать все темы, и относиться к различным темам различные таблицы.
В новой версии, действительные образы предоставлены в рамках CSS в форме Base64, таким образом, больше не необходимо скопировать файлы изображений в Ваш проект.