Back
List View

Framework7 allows you to be flexible with list views (table views). You can make them as navigation menus, you can use there icons, inputs, and any elements inside of the list, and even make them nested:

Data list, with icons
  • Ivan Petrov
    CEO
  • John Doe
    5
  • Jenna Smith
Links
  • Ivan Petrov
    CEO
  • John Doe
    Cleaner
  • Jenna Smith
Links, no icons
  • Ivan Petrov
  • John Doe
  • Divider Here
  • Ivan Petrov
  • Jenna Smith
Grouped with sticky titles
  • A
  • Aaron
  • Abbie
  • Adam
  • B
  • Bailey
  • Barclay
  • Bartolo
  • C
  • Caiden
  • Calvin
  • Candy
Mixed and nested
  • Ivan Petrov
    CEO
  • Two icons here
  • No icons here
    • Ivan Petrov
      CEO
    • Two icons here
    • No icons here
    • Ultra long text goes here, no, it is really really long
    • With switch
  • Ultra long text goes here, no, it is really really long
  • With switch
Mixed, inset
  • Ivan Petrov
    CEO
  • Two icons here
  • Ultra long text goes here, no, it is really really long
  • With switch

Here comes some useful information about list above

Tablet inset
  • Ivan Petrov
    CEO
  • Two icons here
  • Ultra long text goes here, no, it is really really long

This list block will look like "inset" only on tablets (iPad)