Заголовок сортировщика таблиц Jquery
-
21-09-2019 - |
Вопрос
Привет, я использую tablesorter и хотел бы внести небольшую поправку в то, как он работает.В настоящее время tablesorter сортирует столбец всякий раз, когда пользователь нажимает на любую часть ячейки.
Например.
<th>One</th>
<th>Two</th>
<th>Three</th>
Мне не особенно нравится стиль сортировщика по умолчанию, поэтому я создал несколько кнопок css и разместил их в каждой :
<th><a class="button">One</a></th>
<th><a class="button">Two</a></th>
<th><a class="button">Three</a></th>
Что мне нужно изменить в файле .js, чтобы интерактивная область была привязкой, а не всей ячейкой?
Решение
Это не ответ на ваш вопрос, но это слишком много, чтобы быть комментарием.
Я не совсем знаком с jQuery сортировщик таблиц плагин.Однако я бы действительно посоветовал вам настроить CSS вместо того, чтобы вводить новые элементы и изменять код плагина.
Чтобы делать то, что вы хотите, вам нужно будет отвязать событие сортировки, привязанное к TH
элементы.
$("#tableid th:has(a)").unbind();
Затем вам нужно будет назначить/привязать событие (события) к соответствующему <a class=button>
элементы.
$("#tableid th a").bind(someEventName, someFunctionName);
Событием может быть переключение / щелчок или что-то еще, функция может быть анонимной, так что вам придется выудить ее из кодов плагина.
Даже если вы сможете это сделать, это может не сработать, в зависимости от того, как было реализовано событие.
Возможно, было бы лучше изменить стили css для "th.header" "th.headerSortUp / Down".