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
109 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
3answers
53 views

Displaying couple of independent tables with different loading time

I got a webapp dashboard with couple of tables (around 6 tables with fixed order usually not fit on page without scrolling down the page). Tables are filled out with a data provided form backend - ...
1
vote
0answers
47 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
2answers
97 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
1answer
65 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
135 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 ...
1
vote
0answers
56 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 IU is to use a table. The table will contain expense name, cost in local currency, cost in target currency and the ...
0
votes
2answers
94 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
17 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
36 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
90 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 ...
0
votes
1answer
72 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
74 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
212 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
193 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
278 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
118 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
260 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 ...
1
vote
3answers
124 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
130 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
97 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
191 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
82 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 ...
172
votes
23answers
60k 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
437 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
104 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
46 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 ...
4
votes
3answers
229 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
234 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
164 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
140 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
144 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
104 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
1k 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
65 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
1k 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
385 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
55 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
218 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 ...
1
vote
0answers
108 views

Listing multiple hierarchical data chunks of information in a table row

I need to show a list of hierarchically organized elements in a row set (it can be multiline, yet I need to compress it vertically as much as possible). There is some similarity to file paths - for ...
0
votes
1answer
121 views

Multiple Buttons or Links in a cell?

I am trying to find out what the best approach in term of UX that a cell can have two buttons that associate with Sessions or Calls in each Date columns? The value of Links/Buttons are the total of ...
1
vote
1answer
220 views

Summarising grouped data in a data table

I'm working on a financial app and we're getting mixed feedback from users as to how we've displayed the summary for groups in data tables. We've data tables which are, say for example, shopping lists ...
9
votes
8answers
948 views

What is the best way to indicate read-only cells within a table?

I have many tables, actually data grids, where most of the cells will be editable, but some may not depending on the users permissions. I am thinking of using light gray backgrounds on the read-only ...
4
votes
4answers
220 views

How to handle lists with 10,000+ entries?

I'm working on a feature that will allow administrators to manage lists of resources (people, vehicles) that number in the thousands. One client even has over a million entries. Making a simple list ...
1
vote
5answers
1k views

Placement of edit and delete buttons for dynamic table

The application I am working on has dynamic tables that gets longer as the user adds more objects. The user is able to edit the properties of these objects and/or delete them. I'm quite confident of ...
1
vote
2answers
103 views

How to visualize identical cells in a data table

I have a time series grid for which there will be sparse data, as changes won't happen often, as shown: I'm wondering what the best way to display cells when there haven't been any changes is. The ...
1
vote
4answers
50 views

When entering the name of a custom column to be added to a table, should the edit box be inside a column header?

When users are allowed to add columns to a table in a web app, where's a good place to put the edit box where the user can type in the new column header name and/or choose from an auto-complete list ...
1
vote
0answers
262 views

Need help on creating innovative sleek data grid table design [closed]

As we can see in the the following URL, conventionally lot of supporting UI elements are available to sort out, search and navigating pages for data grids. https://www.datatables.net/ Now a days, ...
1
vote
2answers
384 views

How to present different layers of data detail in one table

I am developing a dashboard for an ecommerce software which shall give some information about webmasters that deliver customers through their ad campaigns to this ecommerce. The requirement is to ...
1
vote
1answer
92 views

Best way to present table where you can override table values

Say you had a table that is pulling pre-filled data. The user has the ability to review this information or override the pre-filled data with something custom. I'm not sure how to best present the ...