Menu
  • UX Trending
  • UX PODCASTS
    • DESIGN UNTANGLED
    • UX CAKE
  • UX Reading Room
  • UX Portfolio Building
  • UX JOBS
    • Atlanta
    • Dallas
    • Los Angeles
UXShareLab… everything you need to know about UX and more…
for the user experience design community

Search

Browse: Home   /   sorting

Hierarchical table display w/ sorting

Hierarchical table display w/ sorting

Hello – I’m looking for a decent way to display hierarchical information within a table that will also allow users the ability to sort records by clicking the top of each column of associated discrete data. When the user sorts, the records would be restacked thus removing the hierarchical view/UI. To go back to the default hierarchical view, the user would click the top of the ‘Record’ column. The use case here is to allow a user to evaluate the data in a few different ways then make a selection to perform an action such as ‘View/Export Records’ or ‘View Details’

Ive attached a conceptual model of what we currently have for reference but I’m curious if there is a better way to display hierarchical info on a table that can be sorted and selected?

Thank you for the help.

enter image description here

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Hierarchical table display w/ sorting

Hierarchical table display w/ sorting

Hello – I’m looking for a decent way to display hierarchical information within a table that will also allow users the ability to sort records by clicking the top of each column of associated discrete data. When the user sorts, the records would be restacked thus removing the hierarchical view/UI. To go back to the default hierarchical view, the user would click the top of the ‘Record’ column. The use case here is to allow a user to evaluate the data in a few different ways then make a selection to perform an action such as ‘View/Export Records’ or ‘View Details’

Ive attached a conceptual model of what we currently have for reference but I’m curious if there is a better way to display hierarchical info on a table that can be sorted and selected?

Thank you for the help.

enter image description here

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Dropdown in table header

Dropdown in table header

I’m adding a dropdown list to a table header to enable configuration of what appears in the column.

My problem is that the traditional down-arrow symbol for a dropdown can easily be confused with an arrow symbol for sortin…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Dropdown in table header

Dropdown in table header

I’m adding a dropdown list to a table header to enable configuration of what appears in the column.

My problem is that the traditional down-arrow symbol for a dropdown can easily be confused with an arrow symbol for sortin…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Topics

wordpress UI User Research uxbooth User testing WordPress Plugins UI design UX Jobs Los Angeles UX Jobs Atlanta User Experience UX Design UX Rockstars user-behavior web-app Visual Design UX UX Toolbox uxstackexchange Usability User Interaction UX Jobs Dallas UX Jobs in Atlanta Universal Design & Accessibility WordPress Gutenberg Web Design

Feeds

UI UI design Universal Design & Accessibility Usability user-behavior User Experience User Interaction User Research User testing UX uxbooth UX Design UX Jobs Atlanta UX Jobs Dallas UX Jobs in Atlanta UX Jobs Los Angeles UX Rockstars uxstackexchange UX Toolbox Visual Design web-app Web Design wordpress WordPress Gutenberg WordPress Plugins

<span>recent posts</span>

  • UX in 2018: The human element

    • Anywhere
  • Three Takeaways from the Hawai’i Missile False Alarm

    • Anywhere
  • UX in 2018: Content

    • Anywhere
  • UX in 2018: Design, Development, and Accessibility

    • Anywhere
  • The Power and Danger of Persuasive Design

    • Anywhere

connect to uxsharelab

Enter your email address to subscribe to receive notifications of new posts by email.

UXShareLab. Copyright © 2018. All rights reserved.

  • Contact UXShareLab
  • UXShareLab Community
  • UX PROCESS
  • Recommended Reading
  • UX StackExchange