Last call to make your voice heard! Our 2022 Developer Survey closes in less than a week. Take survey.

Questions tagged [data-tables]

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).

Filter by
Sorted by
Tagged with
0 votes
1 answer
23 views

Filtering and Sorting a Table that has more than 1 row per user

Imagine if... you had 6 users. They all drove cars. The table shows which cars they drive and how many miles they have driven each car. It also shows a flag which is just a way to tag a user that is ...
user avatar
0 votes
1 answer
28 views

Filtering and Sorting a Table that has multiple rows per User row

Here's a good challenge for you all. Challenge: Filter by 2 colors, then Sort by 'Amount' and not replicate the user's name throughout the Name column? User Goal: To be able to see which is the lowest ...
user avatar
0 votes
2 answers
98 views

Dealing with non-fluid data tables

I have pages consisting of mainly data tables. So far I'm using a fluid design with Bootstrap's rows/cols. Here is an example: As you can see at the bottom of the page, table 1 has very wide columns ...
user avatar
0 votes
2 answers
67 views

Data table bulk actions which are independent of each other

I have a table where the user can perform some actions for some rows but not all. These actions are independent of each other. The table could potentially have unto 20 rows. I have 2 solutions. I ...
user avatar
0 votes
2 answers
73 views

How to display failed records on a table

I’m designing a screen that contains a table which displays files that have been imported into the system automatically. There is a possibility that the entire file will fail (for various reasons) ...
user avatar
0 votes
0 answers
38 views

Grid where user makes individual choices in every cell. Is there a better way?

I'm in a new job. The company has a pattern for grids, where choices are not made in a column header. But in each cell individually. I have never seen this before. So I have a grid now, where one ...
user avatar
  • 173
0 votes
1 answer
35 views

Best way to Display Responsive Tables on Small Breakpoints? [duplicate]

I have a web-based dashboard with several tables spanning 80% of the page width. Its a very typical responsive table design. A few columns (3-10), many rows (up to 100+), pagination, search filters ...
user avatar
  • 251
0 votes
1 answer
54 views

Neckbeard dev seeks answers to form accessibility brief: conditional input zones on ∞ rows

Forgive me for having a bit of difficulty articulating the UI and design goals that I've been handed, but I need to appeal to the hive mind to find out best practice re usability and accessibility for ...
user avatar
  • 103
0 votes
2 answers
75 views

Refresh button in addition to 60 second auto refresh?

This may be an obvious question (I'm hoping so, since I'm new to this), but I haven't found an overall rule of thumb for this online or in this forum. In a data table for large data sets, the auto ...
user avatar
  • 1
0 votes
1 answer
58 views

Best practices for handling a lot of information in a single cell in a data table

Im designing a data table in which one of the columns has the potential to hold a lot of information in each cell. Here's a screenshot from the live app as it exists today: The column with red ...
user avatar
  • 1
1 vote
1 answer
44 views

Design for input of time-series data

I'm designing an application page where the user can input multiple time series. As an example, this can mean updating the daily product forecast for a 5 stores over the next 14 days. This results in ...
user avatar
  • 11
0 votes
0 answers
40 views

Best practises for tables with header titles in both axis (vertical/horizontal)

For tables/matrix in printed paper is very common to see the 2 axis/header titles separated by a diagonal bar Also common to see in printed probability/impact matrix However, HTML or excel(AFAIK) ...
user avatar
1 vote
1 answer
72 views

Default sorting

Hello UX Stackexchange! I am working in a data-related company. Most UI layouts are based on tables. By default, any table is sorted by the first column ascendingly. Now comes the situation, where we ...
user avatar
1 vote
3 answers
99 views

What should be the main content behavior when side panel displayed?

I'm working a desktop app and I need to display a list of task to the user needs to complete. When clicking on a task (row), a side panel appears from the right to the left to display additional ...
user avatar
  • 11
1 vote
2 answers
67 views

Data table - Quick view vs opening subpage (displaying details of the item)

I have a table filled with data. There is possibility to see more details for each item (row), it can be done in two ways user can open subpage for each item or open a quick view window Quick window ...
user avatar
  • 494
0 votes
1 answer
324 views

Data table horizontal scroll best practice

I've seen some similar questions on this subject and I want to ask anyways. In my case, a web platform I'm designing for desktop has a data table that has both vertical and horizontal scroll, and yes, ...
user avatar
  • 101
2 votes
2 answers
146 views

Icons for indication vs. icons for action

I'm working on some tables that use both non-clickable indication icons (the R and the Repeat icons on the left) and clickable action icons (the dollar sign and printer icons on the right). I think ...
user avatar
  • 8,097
0 votes
1 answer
80 views

Inline delete confirmation in datatable desktop

I want to manage the Duplicate and remove lines in a datatable without using a modal dialog or a pop up overlay. Have you some examples of how to manage these actions within the same datatable?
user avatar
0 votes
3 answers
131 views

What is the best way to display a list of labels in a row of a table

My application allows you to see the list of banking transactions in a table format. Each transaction contains a date, a category (blurred), a label (blurred), a list of beneficiaries and the amount (...
user avatar
  • 151
0 votes
1 answer
73 views

What is the best way to communicate a required selection within in data table?

Currently in our (enterprise) UI, there are tables that have required selections. Typically, these tables have hundreds to thousands of objects. In one case an action is to be performed against these ...
user avatar
0 votes
3 answers
177 views

Which UX is correct for the empty columns

we are building software that has master detail design with tree view on left for selection and data grid on the rights for details (like in windows file explorer). now we are discussing the case ...
user avatar
  • 1
0 votes
3 answers
176 views

CRUD table - should Edit be engaged in gridview or detail view?

Let's say a gridview is being created. Each row shows a few high-level items, but there is more information in a detail view. Which is a more appropriate pattern for a user who wishes to see all ...
user avatar
  • 8,097
0 votes
0 answers
27 views

How to display Serial Number for items in Table with Expanded Rows?

I have a generic table with a list of items and columns. Some items can be expanded via an 'expand row' icon located at the leftmost side of the table, which displays a list of subitems underneath the ...
user avatar
  • 251
0 votes
0 answers
44 views

How to make a visual table comparison?

I have to redesign a comparison between the two tables. The rows with differences should highlight the attribute which is different (see image). My problem is: it grows really fast. I start thinking ...
user avatar
  • 101
0 votes
2 answers
98 views

Should data tables be sorted up or down first?

We have a table with performance data in our application with some identifier columns such as id and name and some metric columns such as revenue and cost. A user can click on a column to sort based ...
user avatar
  • 3
1 vote
1 answer
112 views

How to display truncated text in a clickable table on touch screen?

In a table with clickable rows (a click on each row opens the dedicated page), the text could be truncated if it's too long. We thought to add a tooltip with the complete text on hover, but our app ...
user avatar
  • 11
0 votes
1 answer
58 views

Group by data type - 1 table or many tables?

So, I have a table that I want to group by (feature) 3 dimensions (Customer, Vendors, and Route) Solution 1: As normal practice, I just designed 'a group by feature' on the top of the head of the ...
user avatar
1 vote
1 answer
72 views

Show feedback messages in an editable data grid

Any advice on how best to display success/error messages while editing fields in an inline data grid. I've got an editable grid where records are saved (and validations are performed) as the cells are ...
user avatar
  • 46
3 votes
1 answer
61 views

Interactive table header (zoom into data)

First of all, my apologies if my language is not great (English is not my first language). Also if I have missed other questions/threads on this subject, please let me know. Any help would be greatly ...
user avatar
  • 83
2 votes
1 answer
114 views

How to display status for On, Off, Faulty

I have a table which shows whether devices are ON or OFF. Currently, it looks like this Status Name Some other columns 🟢 DeviceA 🟢 DeviceB 🔴 DeviceC There is a new requirement, which is to ...
user avatar
  • 251
0 votes
1 answer
86 views

Adding more columns, even when the table looks full

At the moment we have a prototype of a table which shows a list of car rentals. However, the clients want to add more columns, like add car registration number and another 2 columns more, but I felt ...
user avatar
1 vote
0 answers
48 views

How can I prompt my site's users to scroll a table of data using (for instance) two-finger drag on their touchpad, rather than clicking the scrollbar?

I initially started off asking this question, on StackOverflow: I want to know if a user's touchpad has multi-touch capability. I think it's fairly trivial to detect WHEN multi touch is happening (or ...
user avatar
1 vote
2 answers
234 views

How to make tables accessible

The main issue is that if some cells are NOT clickable and others are, then it will be a poor user experience if user tries to click on the cell and nothing happens. I need some help in writing labels ...
user avatar
  • 11
1 vote
0 answers
75 views

How do I use an infinite scroll table and print it

I am working on a legacy application that shows data in a table with infinite scroll. The data could be up to 5000 rows or more, but the users are only allowed to load 20 rows at a time. This is how ...
user avatar
  • 461
1 vote
1 answer
80 views

Using 2 side-by-side tables to display a long list of key-value pairs?

I've a list with 20+ key-value pairs that I need to display in my app. The data is static and cannot be edited. I'm using a table, currently it looks like this: keyA valueA keyB valueB keyC valueC ...
user avatar
0 votes
2 answers
155 views

How to best display the contents of a flat JSON file

I'm designing a web app that can import a custom JSON file. The file is completely flattened, meaning every value is only a single layer deep. The user is importing data into the app. The data comes ...
user avatar
1 vote
1 answer
80 views

Different Status types on same page

I have a page showing a datatable that lists two types of items, X and Y. X has 3 possible status; ONLINE, OFFLINE, DISABLED Y has 5 possible status; |, ||, |||, ||||, ||||| As an example, the table ...
user avatar
  • 251
1 vote
1 answer
157 views

Collapsible sidebar vs horizontal tabs

Our application is currently using tabs for its sub-navigation. The problem is, on some pages, there are more than 6 tabs; some of its labels are long, so we have had to shorten them. One idea I have ...
user avatar
  • 1,042
0 votes
2 answers
76 views

Tree-structured filter and related table columns

I'm struggling with the logic of a filtering option. In that filter I have multiple roots and nodes (see example below): The user can interact with the filter and select either an entire root and all ...
user avatar
1 vote
1 answer
90 views

How should edit and delete inside a datatable work with each other?

I have a datatable that supports inline editing and deleting items It is doing everything server side (sort, filter and paginate) For editing I click on the Edit button to make the table editable Once ...
user avatar
  • 961
2 votes
1 answer
95 views

Filters applied overview - how to distinguish filters with the same name

I'm trying to find the best way, how to display filters applied overview. The problem is, that some filtering options, may have the same name across different filter categories (also because they are ...
user avatar
  • 494
1 vote
1 answer
74 views

How would you visualize authorization deviation with 90+ rules?

Users can preselect an authorization set (1). And, later on, modify the set. As a user, I want to see how the original authorization set differs from the one I changed. So I can see which ...
user avatar
0 votes
0 answers
17 views

How to unify states from the macro to the detail

I'm working on a product that manage workers certificates, and so we have a table with ALL certificates where you can find cards for each one Each card has: Certificate name, Next due date (29 days ...
user avatar
2 votes
1 answer
101 views

Filterable table column with dynamic unit

I develop a dashboard for telecommunications service monitoring. In a couple of tables there is an Outage column, which shows the outage in days. In most cases the outage is longer than 1 day, but ...
user avatar
  • 125
2 votes
2 answers
175 views

Multilevel navigation in data-table including details and actions

I have multiple interactions from one screen to another and from that screen to the next screen. At least 4 levels of navigation happens in one use case. Example User lands on the data table which has ...
user avatar
8 votes
3 answers
1k views

Accessibility of tables without borders

Does having a data table without cell borders affect accessibility and usability in any way? I can't seem to find an answer online. Having borders definitely increases readability. Can we say it is a ...
user avatar
1 vote
1 answer
284 views

Displaying a list with a mixed-hierarchy

Context A landlord has a list of tenants in a given building. They want to look at this list for the following reasons: To know which tenants are in their building To see other information at a ...
user avatar
  • 175
0 votes
1 answer
43 views

Where is the best place to put the export/upload function for a data table function?

There's two Scenarios: V1 Export appears above the top right but only shows to a specific tab, it is hidden if it is not available in other tabs. V2 Export appears under the tab where it is only ...
user avatar
1 vote
1 answer
66 views

Progress for Data Table

Users are accustomed to viewing data within a data table. The problem is the user cannot complete one action until another action is completed. Is there a better way to lay this out, but also give the ...
user avatar
  • 53
2 votes
1 answer
61 views

Scanning tables for information

I'm designing a table that shows information for rounds of golf, strokes, points, fairways and so on. The problem is getting the right layout to show this data without crowding the table too much. The ...
user avatar

1
2 3 4 5
8