A user interface element, where content is displayed in a list form, usually used in the context of the user having the choice between viewing content as a list or in some other form (eg. grid-view).

learn more… | top users | synonyms

0
votes
2answers
29 views

How to add contextual help for tables

I've got a table that contains around 9 columns. Many of the columns contain dates and reference numbers that are used for complicated processes. The column headings are currently expert terms for the ...
14
votes
7answers
2k views

How should “Select All” work in a “LOAD MORE” table?

We are building an enterprise which consists of tables with a lot of data. Our solution for the tables is to have an infinite scroll with a "Load More" button. There would be information of the ...
0
votes
1answer
34 views

which way is the best to present data based on depth

I am working on an application that presents data against depth (which starts from 0 or some negative value) and as we go deeper, newer data is captured which corresponds to a larger negative distance ...
3
votes
3answers
124 views

What would be best way to entitle a table column if it can contain only two values?

I need to create a UI for a budget overview tool and the only option to create this UI is to use a table. The table will contain expense name, cost in local currency, cost in target currency and a ...
1
vote
2answers
79 views

Telling user about action when clicking on a column in table

A table has a head row, which tells user the meaning of the column, like Google file table has name, id, mime type, created and modified date. But, in addition to presenting information in the table,...
0
votes
2answers
130 views

What is the best way to indicated a column's data is affected by the date range selected?

Our dashboard has data that is static such as names and full budgets and also has columns which are affected by the date range which is selected. The user's attention always jumps to the same columns ...
0
votes
2answers
121 views

What is the best way to add remarks to changes

Assume a scenario that user need to do some modification to a big data form, while the requirement is that if they have changed some records, they need to add remarks that what have changed,etc. One ...
0
votes
1answer
33 views

Delete all action in a table

I have a table with certain records as shown below : If I select all the records and delete them via delete button,what approach is best for the after scenario's : Retain the table headers and ...
1
vote
1answer
60 views

Need some ideas on how to show the list of users in a table? [closed]

I am working with the report module of a website. I have the following table design. Now I also want to show a list of user with which each report is shared. I am stuck on how to implement this as ...
1
vote
1answer
70 views

UI-solution for iOS/Swift

I hope that this kind of question is welcome here If not, please excuse me ! I have a TableViewController in iOS/Swift on top of the workflow: In my setup, this controller is use to update/add ...
1
vote
1answer
47 views

Best place to display filter button in mobile

I'm currently designing a screen for mobile with a navigation bar and a filter button, however I'm at a loss about where is the best place for the filter button. This is my current screen However I ...
2
votes
3answers
75 views

Displaying a couple of independent tables with different loading times

I have a webapp dashboard with a couple of tables (around 6 tables with a fixed order that usually does not fit on page without scrolling down the page). Tables are filled out with data provided from ...
3
votes
2answers
115 views

Action buttons in data tables

Please consider the following two options: Just an edit button in the Caller ID column. Edit and remove buttons in the Caller ID column. Removing a caller ID will seldom be done. You would do it ...
5
votes
3answers
110 views

On/Off controls on an inline editable table

Background: We have a large fullscreen inline editable data table. The user can click to enter an individual cell and click outside to save their changes. Now we're looking to add an on/off setting ...
1
vote
0answers
91 views

User interface components or design patterns for multiple sort/filter orders

Has any one seen any good user interface components or design patterns for doing multiple sort orders on a data table or grid? I am wondering if this design pattern is becoming less common due to the ...
1
vote
0answers
55 views

How to organize this screens in my project. Which is the better experience for users, Lists or TableData? [closed]

I have a list with categories and other with my articles or posts (something like that), a menu in accordion if show two options to navigate: (- ALL ARTICLES - CATEGORIES) All articles has showing a ...
0
votes
1answer
101 views

Pavination Vs. Infinite Scroll in Datagrids

Pavination Vs. Infinite Scroll in Datagrids Are there any research findings or papers or usability testing findings on Pagination Vs. Infinite scroll in a datagrid. I am trying to define UX patterns ...
5
votes
1answer
175 views

how to represent disabled cells into a table with alternate row color

I'm creating an editable html table with alternate row color with a focused row highlighting . When a cell is clicked, the user can modify its content. Considering all of these, I need to indicate ...
0
votes
2answers
110 views

In what order to place sort up/down buttons in a table?

This is a simple question: In what order should I place the move down and move up button in a sortable table? This may be "opinion based", but I hope it's not and there is a definite preference. Out ...
0
votes
0answers
20 views

Reordering blocks and rows within that block

I've been tasked with a difficult challenge and I am looking for a workaround due to my latest idea being rejected. What we need: We need to be able to reorder three block containers labelled: ...
0
votes
2answers
59 views

Wrap or truncate long tabular data?

I have a table that displays about 10-12 columns of data and can be very cumbersome. Some columns are quite wide and the display doesn't look all that great. After doing some research, I found ...
1
vote
2answers
137 views

Best way to display data from different categories in a single table?

I am currently trying to figure out the best way to display filterable leaderboard-like data in my web application. The app functions as a type of online-voting competition. When people sign up with ...
2
votes
1answer
89 views

Legends in table data

We have a table of data that is not interactive but is too wide and growing so we need to consolidate the columns. Currently the headings are taking up the most space so I am trying to provide a ...
0
votes
1answer
83 views

Best way to Show Complex and Lengthy Table Headings

So I have been creating a design for a table in which there is Heading Tr1=> Roll | Name | Subjects | Subjects | Subjects |||| | Aggregate | Heading Tr2=> |part|part|total| ...
5
votes
2answers
257 views

How do you keep your data tables simple?

Our company is trying to make our website simpler and easier than our competitors, and one thing that's difficult about that is our data. A big table of data is shown on most of our website's pages, ...
2
votes
2answers
201 views

How to visually show aging account receivables?

Is anyone aware of an interesting way to visually show aging accounts receivables - Amounts of money owed which are broken up into time periods, such as (a) less than 30 days past due, (b) 30-60 days, ...
0
votes
0answers
537 views

Material Design data table filtering

How would you implement filtering in MD data table? Sorting, paging and searching is obvious but I need more complex filtering. Should I put the filters on the table title or create a separate ...
0
votes
1answer
159 views

What to display in a table when there is no content?

What is the best approach to tell the user that the app doesn't have anything to display at the moment? In most cases the table does have content (2 columns), but for times when there isn't any, I ...
1
vote
2answers
286 views

Data Display of Tables: Table Cells with Must-See Values

I have a data-driven web app with horizontal resolution limit of 1280px, yet up to 15 columns (table cell data varying between 0-255 characters). I wouldn't like to display data on multiple rows as it ...
2
votes
3answers
189 views

In a data-table, should actions be on the left or right

When working with tables, I prefer to place actions that are specific to the row (i.e. edit, delete, etc.) within the row. Sometimes I use an action menu, sometimes it's an edit or delete icon. ...
0
votes
2answers
147 views

What kind actions could be open to Bulk Editing in a Data Grid?

For a Data Table with Bulk Actions enabled, we will have 2 types of Data: Single Select Eg. Enable/Disable, etc., Multi-Select Eg. User access to multiple accounts. (refer image below) So, my ...
0
votes
3answers
106 views

Customize table columns

What is the best practice to place customize columns button for the Data table. Please suggest if am right with the images added.
6
votes
3answers
195 views

Indented row headers

We have a screen layout where we have several columns to display. The problem is - you guessed it - real estate - to be able to fit all columns. This is for desktop, tablet and mobile screens. One of ...
5
votes
2answers
99 views

Not including a 'first page' and 'last page' button in a data table

So, in general my experience is that the Material Design spec by Google has been extremely well thought out, which doesn't mean I blindly follow it, but at least I think twice about every decision ...
178
votes
23answers
66k views

How To Display Too Much Data

We're building a web-based platform where the main dashboard shows a table of data for users to view and analyze. As we're growing this tool, we seem to be adding more and more columns and are running ...
1
vote
1answer
779 views

Floating horizontal scroll on a long page?

One of the pages in our web app has a long table of paginated results. The user can set the number of results per page which means the page can be very long (e.g. 200 rows). There is only one vertical ...
1
vote
1answer
128 views

Search Results in a TreeTable

I Have a TreeTable where groups of itens are organized by categories, as you can see on the image bellow. What is the best approach to present the list of results taking into account that is ...
0
votes
1answer
55 views

Should a change of sort order scroll you back to the top?

Say we have a sortable table with peoples information in it (First Name, Last Name, Phone, Email, etc.) Initially this table is sorted by Last Name in ascending order (A-Z). Assume in this case we don'...
4
votes
3answers
244 views

Simpler query builder UX for querying OLAP / Dimensionally Modelled data

I've been testing 3rd-party query-building solutions for OLAP data warehouses with a few of our product's mostly non-technical business users, and I've had trouble finding any that are simple enough ...
2
votes
2answers
318 views

Pagination with Accordions

I am using accordions in a table where the rows expand to reveal more information about the selected row. While from an information perspective this is working well because we are being able to give a ...
0
votes
1answer
182 views

Best way to show tables with less data

We have several pages that display data in a tabular format. We have a standard table design that we follow that has footer which includes pagination. What I would like to know is when we have less ...
3
votes
4answers
160 views

Two possible list designs: How to depict per-item actions?

I am working on designing an inventory management system. I feel one design is closer to optimal but I need a sanity check on this. I won't say which is mine and which is not. The debate is whether ...
3
votes
1answer
186 views

Can we have tabs within a data grid table to group rows?

I am designing a data table which has huge number of rows. Thus I am planning to design a nested grid via grouping of rows. My objective is to set groups within the table, so that the users can ...
1
vote
1answer
110 views

Whats is the best way to edit all the fields from a filtered datatable?

I need edit all the inputs from the filtered datatable field, and I'm proposing something like the image. But I would like to know about other experiences Thanks for your help
9
votes
4answers
2k views

Table with actions per row

One of the pages in our web app includes a table that typically has a few dozen rows for each user, and it takes most of the page's width (5-8 columns). For each row, users can perform 3 possible ...
1
vote
0answers
73 views

Data table selection/de-selection usability

I have table where the product & sub product are displayed and is allowed for user to select/de-select both at the product and sub-product level. User just have to deselect things which is not ...
2
votes
4answers
2k views

What's the best way to display hierarchical tabular data (parent/child relationship) while allowing both pagination and search?

I've run into a brick wall while trying to come up with a suitable tabular user interface for showing hierarchical data in a table while at the same time including a search interface and pagination. ...
1
vote
4answers
481 views

How to filter tables/list views?

I know, this is a very broad question and there's a lot of context to consider, but how would you offer quick filtering of large data sets (tables/list views)? Currently, software products in our ...
4
votes
1answer
58 views

Representing both large and small quantities of task based data

I have a task to re-create a chaser page in our existing task-based application. The product is a SAAS product. Some customers may have 5-20 tasks which require chasing on a weekly/monthly basis. ...
3
votes
4answers
268 views

How to indicate data in a table is clickable on a touch device?

For users on a touch device, what is the convention for indicating each figure (cell) is clickable to a page with information on where the figure originated? On desktop it would be easy to have a ...