Advanced list view component with gesture, swipe and drag & drop support.
Use it along Mobiscroll forms, pages or in any web or mobile hybrid app. Suited for small to large screens.
Shipping with useful features for a refined UX, including:
Support for alternating row color
Use it with single, multi-line text or custom content
Render cards instead of full-width rows
Enhance content with images, avatars and icons
Built-in support for sorting and ordering
Multiple data-source support
Load on demand capabilities
Top positioned sticy header for segmenting the list
Simple to advanced grouping capabilities
CRUD with undo functionality
Full-blown gesture support
Hierarchical listviews with variable depth
Multiple theme support
As part of Gesture enabled listview it can be picked up with the Framework and Complete licenses or with the component license.
Listview available for other frameworks.
Viewing demos & code for
Listview - Basic
JQuery Listview demo for creating a simple list of items. Add stripes for alternating background colors of list items.
Listview - Content
JQuery Listview demo for rendering different types of content. Use it for multi-line text, cards or any content with custom CSS.
Listview - Image/Icon/Avatar
JQuery Listview image demo for rendering content with regular images, icons and avatars. Customize it with custom CSS.
Listview - Selecting items
JQuery Listview item selection example. Select a single item or enable multiple selection for batch operations.
Listview - Sorting & ordering
JQuery Listview reorder demo. Grab and sort from drag handle on the left or right side, or tap/click and hold to sort.
Listview - Grouping
JQuery Listview demo with group headers. Use it to logically segment and group items without creating multiple lists.
Listview - Create, Read, Update, Delete
JQuery Listview demo with CRUD operations & swipe actions. Slide right to update and left to delete items.
Listview - Remove/Undo
JQuery Listview demo with swipe-away delete and built-in undo functionality. Use it for laying out notifications or any data.
Listview - Swipe actions
JQuery Listview demo with swipe revealing actions. Render an action list or action menu when sliding items left and right.
Listview - Hierarchy
JQuery Listview with multi-level hierarchy and drill-down interface. Featuring images, icons and text.
Listview - Checklist
JQuery Drag & Drop checklist/tasklist with swipe actions to add/remove items from todo listview. Sorting is supported.
Listview - Filtering
JQuery Listview demo with dynamic data and live filtering. Add and remove items on the fly or reload the full list.
Listview - Data sources
JQuery Listview demo with different ways of getting and passing data. Supporting hardcoded lists, dynamic and remote data.
Listview - Load on demand
JQuery Listview load on demand demo. Load data from a REST service and populate the list as users scroll content.
Listview - Load more
JQuery Listview demo with load more button for loading additional items from a REST service. Get and display records from JSON.
Listview - Master-detail view
Build a two pane master-detail view with the help of the listview. Use the
grid layout to set up the two columns - left side for a list of names, right side for showing the details. If you want to get into the details you could even hide the first column and build a drawer or use a hamburger menu for the master list.
navigation component for the tabs and cards for building the layout of the details view.
Listview - Event handlers
JQuery Listview demo with event hooks for deep integration and custom functionality. With source code.
Looking for something you didn't see or have a sales question? Ask us about it, we're here to help. Ask us anything