Измените стиль активной кнопки в разбиении на страницы таблиц данных. ⇐ Jquery
Измените стиль активной кнопки в разбиении на страницы таблиц данных.
Я пытаюсь изменить цвет фона активной страницы в меню пагинации для dataTables. Прежде чем закрыть это как обман, обратите внимание, что пример, приведенный администратором в 2020 году, по-видимому, не работает: https://datatables.net/forums/discussio ... ent_177385 (их редактируемый пример) находится здесь: https://live.datatables.net/wujasupi/2/edit)
Последующие вопросы и ответы:
[*]Как изменить стиль кнопок нумерации при наведении по умолчанию в DataTables (с ответами, которые закрывают активную кнопку) [*]Выбранный цвет страницы пагинации DataTable
И другие, которые я не хочу перечислять, поскольку все они появились раньше, чем это, по-видимому, критическое изменение. Когда я проверяю саму кнопку, я обнаруживаю следующее для полной строки нумерации страниц:
Я признаю, что мой CSS не очень силен, и на данный момент я просто кидаюсь спагетти. Я просто хочу, чтобы текущая страница выделялась цветом, отличным от стандартного синего, аналогично тому, как это происходит при наведении курсора на неотключенные кнопки. Это моя попытка:
$(document).ready( function () { var table = $('#example').DataTable(); } ); .page-link { цвет: #063970; цвет фона: #fff; граница: сплошная 1 пиксель #dee2e6; } .page-link:hover { цвет: #fff !важно; цвет фона: #063970 !важно; цвет границы: #063970 !важно; } /* не работает */ .page-link:активный { цвет: #fff !важно; цвет фона: красный !важно; цвет границы: красный !важно; } /* не работает */ .page-link.current { цвет: #fff !важно; цвет фона: красный !важно; цвет границы: красный !важно; } /* Из https://datatables.net/forums/discussio ... ss-problem не работает */ .dataTables_paginate .paginate_button.current { фон: красный !важно; цвет: #fff; граница: сплошная 1 пиксель #dee2e6; } /* Судя по комментариям ниже — не работает */ .paginate_button.active > .page_link { цвет фона: #063970; Таблицы данных — Дж С Б я н & л т ; / т я т л Это & г т ; & л т ; / час Это а д & г т ; & л т ; б О д и & г т ; & л т ; д я в с л а с с = " с О н т а я н Это р " & г т ; & л т ; т а б л Это я д = " Это Икс а м п л Это " с л а с с = " д я с п л а и н О В р а п " В я д т час = " 1 0 0 % " & г т ; & л т ; т час Это а д & г т ; & л т ; т р & г т ; & л т ; т час & г т ; Н а м Это & л т ; / т час & г т ; & л т ; т час & г т ; п О с я т я О н & л т ; / т час & г т ; & л т ; т час & г т ; О ж ж я с Это & л т ; / т час & г т ; & л т ; т час & г т ; А г Это & л т ; / т час & г т ; & л т ; т час & г т ; С т а р т д а т Это & л т ; / т час & г т ; & л т ; т час & г т ; С а л а р и & л т ; / т час & г т ; & л т ; / т р & г т ; & л т ; / т час Это а д & г т ; & л т ; т ж О О т & г т ; & л т ; т р & г т ; & л т ; т час & г т ; Н а м Это & л т ; / т час & г т ; & л т ; т час & г т ; п О с я т я О н & л т ; / т час & г т ; & л т ; т час & г т ; О ж ж я с Это & л т ; / т час & г т ; & л т ; т час & г т ; А г Это & л т ; / т час & г т ; & л т ; т час & г т ; С т а р т д а т Это & л т ; / т час & г т ; & л т ; т час & г т ; С а л а р и & л т ; / т час & г т ; & л т ; / т р & г т ; & л т ; / т ж О О т & г т ; & л т ; т б О д и & г т ; Тайгер Никсон Системный архитектор Эдинбург 61 25.04.2011 3120 долларов США Гаррет Уинтерс Директор Эдинбург 63 25 июля 2011 г. 5300 долларов США Эштон Кокс Технический автор Сан-Франциско 66 12.01.2009 4800 долларов США Седрик Келли Разработчик Javascript Эдинбург 22 29.03.2012 3600 долларов США Дженна Эллиот Финансовый контролер Эдинбург 33 28.11.2008 5300 долларов США Бриэль Уильямсон Специалист по интеграции Нью-Йорк 61 2012/12/02 4525 долларов США Херрод Чендлер Ассистент по продажам Сан-Франциско 59 06.08.2012 4080 долларов США Рона Дэвидсон Специалист по интеграции Эдинбург 55 14.10.2010 6730 долларов США Рона Дэвидсон Специалист по интеграции Эдинбург 55 14.10.2010 6730 долларов США Рона Дэвидсон Специалист по интеграции Эдинбург 55 14.10.2010 6730 долларов США Рона Дэвидсон Специалист по интеграции Эдинбург 55 14.10.2010 6730 долларов США Рона Дэвидсон Специалист по интеграции Эдинбург 55 14.10.2010 6730 долларов США
Конкретные версии:
Браузер: версия 120.0.6099.216 (официальная сборка) (arm64)
Я пытаюсь изменить цвет фона активной страницы в меню пагинации для dataTables. Прежде чем закрыть это как обман, обратите внимание, что пример, приведенный администратором в 2020 году, по-видимому, не работает: https://datatables.net/forums/discussio ... ent_177385 (их редактируемый пример) находится здесь: https://live.datatables.net/wujasupi/2/edit)
Последующие вопросы и ответы:
[*]Как изменить стиль кнопок нумерации при наведении по умолчанию в DataTables (с ответами, которые закрывают активную кнопку) [*]Выбранный цвет страницы пагинации DataTable
И другие, которые я не хочу перечислять, поскольку все они появились раньше, чем это, по-видимому, критическое изменение. Когда я проверяю саму кнопку, я обнаруживаю следующее для полной строки нумерации страниц:
Я признаю, что мой CSS не очень силен, и на данный момент я просто кидаюсь спагетти. Я просто хочу, чтобы текущая страница выделялась цветом, отличным от стандартного синего, аналогично тому, как это происходит при наведении курсора на неотключенные кнопки. Это моя попытка:
$(document).ready( function () { var table = $('#example').DataTable(); } ); .page-link { цвет: #063970; цвет фона: #fff; граница: сплошная 1 пиксель #dee2e6; } .page-link:hover { цвет: #fff !важно; цвет фона: #063970 !важно; цвет границы: #063970 !важно; } /* не работает */ .page-link:активный { цвет: #fff !важно; цвет фона: красный !важно; цвет границы: красный !важно; } /* не работает */ .page-link.current { цвет: #fff !важно; цвет фона: красный !важно; цвет границы: красный !важно; } /* Из https://datatables.net/forums/discussio ... ss-problem не работает */ .dataTables_paginate .paginate_button.current { фон: красный !важно; цвет: #fff; граница: сплошная 1 пиксель #dee2e6; } /* Судя по комментариям ниже — не работает */ .paginate_button.active > .page_link { цвет фона: #063970; Таблицы данных — Дж С Б я н & л т ; / т я т л Это & г т ; & л т ; / час Это а д & г т ; & л т ; б О д и & г т ; & л т ; д я в с л а с с = " с О н т а я н Это р " & г т ; & л т ; т а б л Это я д = " Это Икс а м п л Это " с л а с с = " д я с п л а и н О В р а п " В я д т час = " 1 0 0 % " & г т ; & л т ; т час Это а д & г т ; & л т ; т р & г т ; & л т ; т час & г т ; Н а м Это & л т ; / т час & г т ; & л т ; т час & г т ; п О с я т я О н & л т ; / т час & г т ; & л т ; т час & г т ; О ж ж я с Это & л т ; / т час & г т ; & л т ; т час & г т ; А г Это & л т ; / т час & г т ; & л т ; т час & г т ; С т а р т д а т Это & л т ; / т час & г т ; & л т ; т час & г т ; С а л а р и & л т ; / т час & г т ; & л т ; / т р & г т ; & л т ; / т час Это а д & г т ; & л т ; т ж О О т & г т ; & л т ; т р & г т ; & л т ; т час & г т ; Н а м Это & л т ; / т час & г т ; & л т ; т час & г т ; п О с я т я О н & л т ; / т час & г т ; & л т ; т час & г т ; О ж ж я с Это & л т ; / т час & г т ; & л т ; т час & г т ; А г Это & л т ; / т час & г т ; & л т ; т час & г т ; С т а р т д а т Это & л т ; / т час & г т ; & л т ; т час & г т ; С а л а р и & л т ; / т час & г т ; & л т ; / т р & г т ; & л т ; / т ж О О т & г т ; & л т ; т б О д и & г т ; Тайгер Никсон Системный архитектор Эдинбург 61 25.04.2011 3120 долларов США Гаррет Уинтерс Директор Эдинбург 63 25 июля 2011 г. 5300 долларов США Эштон Кокс Технический автор Сан-Франциско 66 12.01.2009 4800 долларов США Седрик Келли Разработчик Javascript Эдинбург 22 29.03.2012 3600 долларов США Дженна Эллиот Финансовый контролер Эдинбург 33 28.11.2008 5300 долларов США Бриэль Уильямсон Специалист по интеграции Нью-Йорк 61 2012/12/02 4525 долларов США Херрод Чендлер Ассистент по продажам Сан-Франциско 59 06.08.2012 4080 долларов США Рона Дэвидсон Специалист по интеграции Эдинбург 55 14.10.2010 6730 долларов США Рона Дэвидсон Специалист по интеграции Эдинбург 55 14.10.2010 6730 долларов США Рона Дэвидсон Специалист по интеграции Эдинбург 55 14.10.2010 6730 долларов США Рона Дэвидсон Специалист по интеграции Эдинбург 55 14.10.2010 6730 долларов США Рона Дэвидсон Специалист по интеграции Эдинбург 55 14.10.2010 6730 долларов США
Конкретные версии:
Браузер: версия 120.0.6099.216 (официальная сборка) (arm64)
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Ошибка Firestore при разбиении на страницы со снимком документа и предложением «where»
Anonymous » » в форуме Python - 0 Ответы
- 25 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Перейти к последней доступной странице при разбиении на страницы в Laravel
Anonymous » » в форуме Php - 0 Ответы
- 22 Просмотры
-
Последнее сообщение Anonymous
-