Живой поиск по таблице с помощью jQuery
jQuery сортировка таблицы
Фиксированная шапка таблицы при прокрутке
Только полноправные пользователи могут оставлять комментарии. TM Feed Хабрахабр Geektimes Тостер Мой круг Фрилансим. Хабрахабр Публикации Пользователи Хабы Компании Песочница. Как добиться постраничной навигации? Вступление При разработке одного проекта мне пришлось решать проблему с сортировкой данных в таблице. Не хотелось для этого использовать PHP , так как эффект теряется при перезагрузке страницы. Вот и наткнулся я на официальный сайт jQuery-плагина " TableSorter. Немного покопавшись в англоязычной документации я с радостью обнаружил в новостях сайта ссылку на русскоязычный сайт: В принципе там всё предельно ясно было описано и я быстро понял как всё работает… Но было в документации одно важное упущение: А мне как-раз нужна была эта функция, так как в моих таблицах было минимум по строк. Пришлось самому решить эту проблему. Разобрался я с этой проблемой только тщательно изучив код данного там примера и скачав все рисунки и нужный мне код с кода самой страницы. Картинки я собрал в отдельный архив, который вы сможете использовать. Подключаем в теге HEAD нашей страницы все наши скрипты и стили. У меня они выглядели так: Теперь наша таблица работает исправно! Информационная безопасность 2,4k авторов , 6,4k публикаций. Open source 1k авторов , 2,3k публикаций. Высокая производительность авторов , 1,2k публикаций. Программирование 2,9k авторов , 6,5k публикаций. Разработка систем передачи данных 62 автора , публикаций. Разработка под Linux автор , публикация. Алгоритмы 1,3k авторов , 2,3k публикаций. Системное программирование авторов , публикации. Тестирование веб-сервисов автор , публикаций. Анализ и проектирование систем авторов , публикации. Добавить в закладки Василий Столейков bazmaster карма. Есть и ajax, не паникуй! И тоже довольно легко настраивается, глянь сюда: Значит проект глохнет потихоньку… А жалко — довольно перспективный! Особенно порадовала возможность сортировки по нескольким колонкам через Shift. И спасибо за пагинацию! А мне нравится это решение: Я тоже его использую. Логика API несколько извращенная, но если привыкнуть — то очень даже ничего…. Перешли на него как раз с TableSorter. Значительно лучше, TableSorter устарел и не обновляется. Тоже перешёл на него с таблесортера. Да, согласен — этот вариант куда перспективнее! Ваш способ хороший, но я не могу не указать на неточность. С помощью php и ajax эта задача отлично решается. Я в курсе, спасибо за поправку, но не всегда есть желание, а главное время изобретать самому велосипед. Всегда мы почему-то бежим сперва за готовыми решениями…: Улыбнуло… Именно так и скажу… Для меня два часа — это немало времени! За эти два часа можно целый сайт сделать! У нас тоже был Tablesorter. Но учитывая то что все было на backbone оказалось быстрее доделать на класс, чем допиливать tablesorter. Мне вот это решение нравится, минимум кода и максимум гибкости. Я пытался сделать ajax-pager из обычного pager. Там кода мало, дописывать свое не сложно. В итоге не дописал и решил проблему по-другому. Перешел на Yii Framework. В нем есть встроенный класс CLinkPager, а еще CGridView, которые вместе все это реализуют. И сортировку, и ajax, все что угодно. Дополнительно писать даже не надо ничего. Подгрузка таблицы вызввается по изменению select с фильтрами или сортировками. Все просто и на ajax-е, реализуется любой функционал сортировок и выборок на стороне PHP-скрипта. Иногда проще разом получить большой кусок данных и оставить хитрости отображения разбивка на страницы, сортировка, фильтрация на долю JS. Например, в одном большом приложении любая порция данных логи покупок, если конкретно выплевывается около секунд. Есть реальные случаи когда таблица росла до 50 записей товары интернет-магазина, история заказов. Не выбирать же из БД сразу всё. Жуткий код — слабое использование jQuery, сложный для восприятия 2. Завязанность на верстку — почти никакой возможности использовать свою реализацию верстки в pagination В итоге, в плагине в живых осталось только разбиение на методы moveTo Собственная версия умеет понимать любую верстку, содержит дополнительные event-firing. Посмотрите еще такой плагин flexigrid. Больше всего мне понравилась вот такая штука — www. Интересный вариант, но там при каждой сортировке выполняется запрос к базе. Нужно ждать, а это не всегда хорошо. Не обязательно каждый раз делать запрос в базу. Но это один из нормальных вариантов. Недавно столкнулся с этим плагином, был в комплекте с админкой. Так как было лень прикручивать что-то другое решил этот настроить как надо. В интернете вроде бы есть дополнения к нему, чтобы сделать сохранение текущих позиций в кукисы, но не нашёл ни одного рабочего решения, пришлось самому дописывать. Гораздо проще было бы в самом начале взять DataTables и настроить CSS, но нет же, лень: Метки лучше разделять запятой. Сейчас Вчера Неделя Синхронизация Vivaldi: Первая российская материнская плата массового сегмента 26,9k Интересные публикации Хабрахабр Geektimes. Запуск Java классов и JAR-ов не по учебнику. Критическая уязвимость механизма аутентификации BIND позволяет похищать и изменять DNS-записи серверов. Во льдах Плавучего Континента: Проброс портов или как попасть в сеть за NAT используя Node. Новый подход к кэшированию процессора GT. Стабильность нейтрона в атомном ядре GT. Разделы Публикации Хабы Компании Пользователи Песочница. Информация О сайте Правила Помощь Соглашение Конфиденциальность. Услуги Реклама Тарифы Контент Семинары.
Размещение публикаций Размещение рекламы Сотрудничество Новости нашего сайта Наши партнёры. Ajax Анимация Аудио Базы данных Безопасность Библиотеки Библиотеки скриптов Бизнес Блоггинг Браузеры Бэкграунды Текстуры eCommerce Иконки Инструменты Инструменты для заработка Java-Скрипты Кисти Кнопки Креатив Лучшее из сети Меню и Навигация Open-Source Скрипты и коды События Социальные сети Статистика Tips and Tricks Тематические обзоры Управление проектами Flash Файлообменники Формы Фотобанки. Разработчики очень любят jQuery, и считают данную библиотеку неотъемлемой частью процесса разработки. Хотя, кто же не хочет гораздо более эффективный и эффектный результат, сделав гораздо меньше усердия. В нашей сегодняшней подборке вы найдёте 20 табличных плагинов от jQuery, которые наверняка окажутся полезными. Эти плагины помогут вам создавать невероятные таблицы, которые вам будет крайне просто редактировать, а вашим читателям понять. Таким образом, обе стороны будут счастливы. Давайте рассмотрим каждый плагин подробнее. Collapser Jquery collapser — это многозадачный плагин, разработанный специально для расширения и сжатия элементов. Посредством этого плагина вы можете создавать гармошку или складывающийся список. Обнаружили ошибку или мёртвую ссылку? В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса. Нужна органическая вечная ссылка из данной статьи? Будем весьма признательны, если поделитесь этой статьей в социальных сетях: Подскажите, есть ли готовый плагин или можно ли сделать так, чтобы каждый конкретный зарегистрированный пользователь мог в таблице вносить данные, но чтобы прежние данные при входе на страницу с таблицей отображались, и чтобы фиксировалась статистика изменение. Соответственно под админом нужно видеть данные по всем пользователям в обобщенном виде. При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! С уважением, Администрация сайта. Назовите месяц October по-русски. Автоматизация контекстной рекламы в Google AdWords. Как правильно работать с веб-дизайнером. Построение и повышение продаж через интернет. Только ли сейчас мы начали жить без ссылок? Все технические моменты онлайн-бизнеса в видеоформате Все технические моменты. Секреты ретуши и тонировки Резервное копирование Как создать информационный бестселлер на DVD или CD Lightroom-чародей. С миру по нитке. Январь 9 Октябрь 1 Сентябрь 1 Июнь 1 Май 1 Март 1 Февраль 1 Январь 1 Декабрь 3 Ноябрь 1 Октябрь 1 Сентябрь 1 Август 1 Июль 1 Июнь 1 Май 1 Апрель 1 Март 1 Февраль 2 Январь 1 Декабрь 2 Ноябрь 69 Октябрь 68 Сентябрь 72 Август 75 Июль 76 Июнь 58 Май 57 Апрель 65 Март 81 Февраль 71 Январь 58 Декабрь 77 Ноябрь 82 Октябрь 88 Сентябрь 85 Август 87 Июль 82 Июнь 74 Май 90 Апрель Март Февраль Январь Декабрь Ноябрь Октябрь Сентябрь Август Июль Июнь Май Апрель Март 79 Февраль 75 Январь 61 Декабрь 71 Ноябрь 70 Октябрь 50 Сентябрь 67 Август 60 Июль 56 Июнь 58 Май 52 Апрель 56 Март 85 Февраль 60 Январь 75 Декабрь 63 Ноябрь 60 Октябрь 63 Сентябрь 56 Август 48 Июль 56 Июнь 54 Май 53 Апрель 67 Март 61 Февраль 65 Январь 70 Декабрь 66 Ноябрь 58 Октябрь 67 Сентябрь 65 Август 52 Июль Com - онлайн-журнал для профессиональных веб-дизайнеров и разработчиков. Наш онлайн-журнал предоставляет самую свежую и актуальную информацию для профессиональных веб-дизайнеров и разработчиков в виде переводов статей и новостей, полученных с зарубежных информационных ресурсов. Дизайн и разработка сайта - лаборатория D. Com Копирование материалов сайта разрешено только с указанием активной индексируемой гиперссылки на наш сайт! Мы сами вдохновляемся материалами, которые предлагаем вам на обозрение, будь то интересные руководства или полезные и впечатляющие подборки дизайнов, шаблонов, сниппетов и т. Зачастую, ссылка на источник не ведёт напрямую к автору шедевра, но мы ведь не волшебники, чтобы угадывать, кто является автором. Если кто-то захочет использовать какие-либо изображения, графические элементы, исходники, которые мы здесь предоставляем, то единственное требование, выставленное к перепосту, заключается в сохранении ссылки на источник, а также соблюдение условий лицензионного соглашения если таковое имеется. Если кто-то желает модифицировать тот или иной продукт, изменить его, подкорректировать, то этому энтузиасту придется самостоятельно искать настоящего автора материала.
Особенность системы источников конституционного права россии
Нежное тесто для печенья
Примета поранить большой палец правой руки
Букет из фетра своими руками с пошаговым
Вьетнам и китай на карте