Таблица JQuery Горизонтальная прокрутка по клику ⇐ Jquery
Таблица JQuery Горизонтальная прокрутка по клику
У меня есть таблица с прокруткой при переполнении, и я хочу, чтобы пользователь мог также нажать кнопку для прокрутки таблицы. Мой код смотрите в скрипте ниже.
Буду очень признателен за любую помощь в том, где я ошибаюсь.
$(document).ready(function() { $('#example').DataTable({ «scrollX»: правда, «bPaginate»: ложь }); }); $('кнопка').on('клик', функция() { var pwidth = $('div.dataTables_wrapper').width(); if ($(this).hasClass('left')) { $('.dataTables_scrollBody').scrollLeft($('.dataTables_scrollBody').scrollLeft() - pwidth); } еще { $('.dataTables_scrollBody').scrollLeft($('.dataTables_scrollBody').scrollLeft() + pwidth); }; }); .products-wrapper { максимальная ширина: 800 пикселей; переполнение: авто; } голова тр й { минимальная ширина: 110 пикселей; } tbody tr th { минимальная ширина: 110 пикселей; } div.dataTables_wrapper { ширина: 800 пикселей; маржа: 0 авто; переполнение: авто; } кнопка { положение: фиксированное; верх: 100 пикселей; } .верно { правильно: 0; влевовправо Номер детали Пакет Название части Серия/Семейство Рекомендуется для нового дизайна Доступность Цены Технические данные Список проектов Сравнить Купить тестирование привет привет снова я проверка раз-два Снова я Здесь появятся акции Это прямо здесь еще раз здравствуйте Привет сыр печенье здравствуйте
У меня есть таблица с прокруткой при переполнении, и я хочу, чтобы пользователь мог также нажать кнопку для прокрутки таблицы. Мой код смотрите в скрипте ниже.
Буду очень признателен за любую помощь в том, где я ошибаюсь.
$(document).ready(function() { $('#example').DataTable({ «scrollX»: правда, «bPaginate»: ложь }); }); $('кнопка').on('клик', функция() { var pwidth = $('div.dataTables_wrapper').width(); if ($(this).hasClass('left')) { $('.dataTables_scrollBody').scrollLeft($('.dataTables_scrollBody').scrollLeft() - pwidth); } еще { $('.dataTables_scrollBody').scrollLeft($('.dataTables_scrollBody').scrollLeft() + pwidth); }; }); .products-wrapper { максимальная ширина: 800 пикселей; переполнение: авто; } голова тр й { минимальная ширина: 110 пикселей; } tbody tr th { минимальная ширина: 110 пикселей; } div.dataTables_wrapper { ширина: 800 пикселей; маржа: 0 авто; переполнение: авто; } кнопка { положение: фиксированное; верх: 100 пикселей; } .верно { правильно: 0; влевовправо Номер детали Пакет Название части Серия/Семейство Рекомендуется для нового дизайна Доступность Цены Технические данные Список проектов Сравнить Купить тестирование привет привет снова я проверка раз-два Снова я Здесь появятся акции Это прямо здесь еще раз здравствуйте Привет сыр печенье здравствуйте
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение