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
46 views

How to display long cell names with large amounts of data in a table

I am currently working on a web page which has large amounts of data. The main issue is the Agents on the left, have really long strings, and so do the User Queues at the top, going across the page. ...
1 vote
0 answers
64 views

What's the best way to display multiple tags/labels in a table row?

We have screen in our application which displays all files uploaded. Each file is able to be assigned tags (as many as needed) which can help with filter and search. Tagging is assigned via the ...
0 votes
2 answers
38 views

How do you show multiple error messages specific per row of an XML import?

Currently, I'm working on an import function to migrate users from one system to our system. I've checked the post input, and there is a possibility that there can be 39 error messages per person. In ...
0 votes
2 answers
71 views

Best way to display loading time when data table is updated

hope you all doing great! We have data tables where users can do different actions that require a new list of data to be loaded. i.e. add filters, delete rows, upload new data etc. What would be the ...
  • 23
0 votes
1 answer
49 views

Adding new attributes to a screen

I am trying add three new attributes to the screen. I am very much confused and not sure where to add would be best for the below screen. Please suggest. Also if you can suggest how it would look like,...
  • 3
0 votes
2 answers
52 views

Alignment of first column in table when it is numerical

Best practices for tables suggest to align numerical values to the right. This makes them better scanable and comparable. In our software, numerical values are mostly right-aligned in tables. However, ...
  • 1
0 votes
1 answer
22 views

Tables: Entire Row as Link but with other Action buttons in the row as well

I'm trying to figure out what the best pattern or solution for this would be. Basically, I have a table that will display rows and rows of items. The idea is that each row represents a data-entry, ...
  • 1
0 votes
1 answer
60 views

How should be a required cell in table be designed?

I am currently making a design for tables that are editable and one of the requirement from the stakeholders is that there should be a required cell to be filled out. Just seeking an advice on how ...
0 votes
1 answer
49 views

Users' Preferred Default Table Row Count

I'm designing a data table with results that may be in the thousands. I am wondering if there is a preferred amount of results that display on first page load (10, 20, etc.?). The user may change the ...
1 vote
1 answer
42 views

Can button text alone indicate status in a table where actions are conditional to status?

I'm working on a table in which rows have statuses, and depending on your relationship to the item in the row AND the status, the row may have a primary action. For example, a list of invoices where ...
0 votes
0 answers
45 views

How to hide inactive items on a table by default

I'm working on a table where each item has several attributes, one of which is "Status". Status can be: Pending, active, expired, deleted, canceled, etc. I wish that the default state of the ...
  • 51
0 votes
2 answers
59 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 ...
0 votes
1 answer
46 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 ...
0 votes
2 answers
167 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 ...
0 votes
2 answers
213 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 ...
0 votes
2 answers
103 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) ...
0 votes
0 answers
41 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 ...
  • 173
0 votes
1 answer
105 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 ...
  • 291
0 votes
1 answer
65 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 ...
  • 103
0 votes
2 answers
88 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 ...
  • 1
0 votes
1 answer
83 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 ...
  • 1
1 vote
1 answer
79 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 ...
  • 11
0 votes
0 answers
43 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) ...
1 vote
1 answer
168 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 ...
1 vote
3 answers
183 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 ...
  • 11
1 vote
2 answers
78 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 ...
  • 494
0 votes
1 answer
451 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, ...
  • 101
2 votes
2 answers
163 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 ...
  • 9,588
0 votes
1 answer
115 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?
0 votes
3 answers
171 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 (...
  • 161
0 votes
1 answer
90 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 ...
0 votes
4 answers
303 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 ...
  • 1
0 votes
3 answers
185 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 ...
  • 9,588
0 votes
0 answers
45 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 ...
  • 291
0 votes
0 answers
56 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 ...
  • 101
0 votes
2 answers
168 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 ...
  • 3
1 vote
1 answer
171 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 ...
  • 11
0 votes
1 answer
98 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 ...
1 vote
1 answer
92 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 ...
  • 46
3 votes
1 answer
65 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 ...
  • 83
2 votes
1 answer
121 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 ...
  • 291
0 votes
1 answer
88 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 ...
1 vote
0 answers
52 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 ...
1 vote
2 answers
267 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 ...
  • 11
1 vote
0 answers
121 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 ...
  • 481
1 vote
1 answer
119 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 ...
0 votes
2 answers
238 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 ...
1 vote
1 answer
100 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 ...
  • 291
1 vote
1 answer
233 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 ...
  • 1,100
0 votes
2 answers
87 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 ...

1
2 3 4 5
8