Нет способа сделать это простым способом, потому что для создания анимации слайдов вам нужно иметь как минимум 2 уже отрендеренных страницы: первую, которая сдвинута, и вторую, которая заменяет первую. В демонстрационном примере с анимированным набором вкладок все вкладки отображаются и готовы к использованию, но CellTable с SimplePager не имеет отображаемых страниц, кроме видимой - новая страница просто отображается непосредственно в теле CellTable.
Итак, если вы действительно хотите создать такой эффект с помощью CellTable и Pager, вы должны реализовать собственную пару CellTable и Pager, которая будет выполнять следующие действия:
- Храните 2 контейнера с визуализированными строками: один виден, второй скрыт.
- В теле CellTable должен быть видовой экран (просто
с правилом CSS «overflow: hidden»), в котором будут оба контейнера.
- Когда страница смены пейджера, вы должны заставить CellTable рендерить новые строки в скрытый контейнер.
- Когда рендерится новые данные, поместите скрытый контейнер в правильное положение, чтобы создать иллюзию того, что он продолжает оставаться видимым, и сделайте его видимым;
- Обеспечить анимацию, которая переместит оба контейнера на новые позиции. Я бы рекомендовал не использовать кодирование для анимации (например, Timer) - гораздо лучше и эффективнее использовать правила преобразования CSS3 (см. « Свойство преобразования CSS3 » и / или « Свойство перехода CSS3 »). «).
- Когда анимация закончится, сделайте первый контейнер скрытым и переключите указатели на видимые и скрытые контейнеры - чтобы вы вернулись в исходное состояние.
Надеюсь, это поможет.