Questions tagged [data-tables]
Use this tag only for data tables questions
42 questions with no upvoted or accepted answers
3
votes
3
answers
340
views
Best way to mark rows as not applicable in a data table
I am redesigning an old greenhouse gas emissions regulatory application that has a common design pattern where data tables include "Not Applicable" marked as N/A as the first column. When ...
2
votes
1
answer
111
views
Adding data to table on same page
so here is interesting question
I have a data table, where person adds data at the end of the table, current design is following, input table is same width as data column
Unfortunately it is not ...
2
votes
1
answer
411
views
Struggling to make an accessible data table with clickable rows!
We're currently working on making our data table accessible. Our main concern is the whole clickable row that triggers a side sheet. The entire row is clickable, and a part of its content may be ...
2
votes
1
answer
455
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 ...
1
vote
3
answers
71
views
How to visually indicate that a default rule has been overridden?
Background
I'm designing a new feature for a B2B web app that allows restaurant staff to split non-cash tips among multiple workers. For example, restaurant patrons leave servers a tip, but servers ...
1
vote
2
answers
66
views
How can I optimize this flow for data table discoverability
Following is the workflow for a UI consisting of a data table and Accordion.
Search for an entity using cascading filters or search bar.
Based on the search results, the accordion 1 and 2 and the ...
1
vote
1
answer
68
views
Should all columns in a data table be provided the functionality of filtering?
In a data table with at least 20 columns and various data types, e.g. strings, numbers, categories, should we provide the functionality of every column being able to be filtered? Or only provide ...
1
vote
1
answer
91
views
Encouraging users to 'group' very large data sets
We have a product that requires users to import large data sets (100+ rows) and then 'group' those datasets into buckets within the product. This is part of the set-up process so that they can start ...
1
vote
0
answers
57
views
I'm trying to think of a bests practice to "Suppress" an alert (or multiple, but never all alerts) in a table where every row is an alert
Question says it all.. but I want to be able to select a specific number (or a single) alert (row) and suppress it - AKA don't show it to me again. I also want to be able to see All Suppressed Alerts (...
1
vote
2
answers
129
views
How to make it clear to a user that they can click a row of data and get to sub-rows of data WITHOUT using collapse or expand?
Basically users have >25,000 rows of data. I chose pagination to allow the user to navigate the data. In some cases there are sub-rows. I would like to allow the user to "dive in" to ...
1
vote
1
answer
967
views
Designing multi-value row and multi-value column comparison data table (best practice for clarity)
Please let me know if this is not the right stackexchange site for this question...any suggestions where this should be posted would be greatly appreciated!
I'm looking to create a table that is ...
1
vote
0
answers
41
views
filter column with (lookup which can be filtered too)
I have a complicated filter system on the app I worked on where you can filter table columns but the main point is that business requirements ask to filter some columns with lookups. the lookups seem ...
1
vote
1
answer
156
views
One group of filters applying to the whole page and another group to one section of dashboard, what should be hierarchy and positioning of filters?
I am working on a product that has an overview page - where users can find two sections statistics and a data table.
At the top of the hierarchy, we display the date and 'partner' filters that apply ...
1
vote
1
answer
39
views
Display accessibility reports in a concise way
The following is meant to be full screen on a website like a dashboard.
I have accessibility reports for different webpages.
Which gives accessibility scores and mark them as critical or serious and ...
1
vote
1
answer
354
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 ...
1
vote
2
answers
460
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
0
answers
307
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 ...
1
vote
1
answer
475
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 ...
1
vote
2
answers
252
views
Can a table have column chooser, if content is dynamic?
Project is a chatbot. One pane is for chat messages, and in some cases there's an extra pane for contextual visual (table, PDF, video, etc.).
So, in this contextual pane, there will sometimes be a ...
1
vote
1
answer
672
views
Table column as fixed
I am building a data table where one of the requirements is:
As a user, I want to set a column as fixed
As in the following example, from https://uxdesign.cc/design-better-data-tables-4ecc99d23356
...
0
votes
0
answers
40
views
Nested table best practices
I'am trying to create design for table with nested rows. I came up with this idea:
What do you think? Is it a good practice?
0
votes
1
answer
32
views
best practice for pagination of tables
my problem is:
Imagine I have a table with dynamic data. It could have 1 record or 2000 records. Should I have pagination, even when there are fewer than 10 records?
0
votes
2
answers
54
views
How to make table header conrols keyboard accessible?
I am implementing a data gird pattern for an interactive HTML table. The header cells can be used to change the appearance of the data.
The ARIA pattern (see Example 2) uses Spacebar key to sort rows, ...
0
votes
1
answer
62
views
Nested Data List
I have (many) assignments dates, for each date it has many assignments names, for each name it has its own time, for each time(assignment) it has many business activities, for each activity it has ...
0
votes
0
answers
689
views
UI design for filtering several data fields, multiple fields
I need to come up with a UI to filter a table. I saw this question but which makes me want to go to a single-box design. However, my team is leaning for a multi-field solution. We use a piece of ...
0
votes
2
answers
72
views
Recommended UI for tabular data where dataset has varying properties
I have some data in the following format:
[{
"Message": "TICKETING DUE",
"Vendor": "SA",
"WarningDateTime": "2024-02-...
0
votes
0
answers
102
views
Is it okay to make a button appear in a table header after an action?
I need assistance in deciding between two user experiences for handling tabular data.
Use Case: Users encounter a difficult-to-process column (the 2nd one in this instance) and they decide to split ...
0
votes
1
answer
218
views
What could I use instead of these pill drop down selectors
I am looking for a alternative way to display multiple options for a user selection.
The user selects a part and then must select a choice of options which populates a table.
I tried with 'pill' ...
0
votes
0
answers
72
views
Complex table design based on diagram selection
enter image description hereI am building a web based tool to manage car repairs. The user would select an area of the car and a part from a list of supplied parts. They would then select what they ...
0
votes
2
answers
75
views
Width and adjustment of arbitrary data tables
We have a couple of similar pages in our web app where each shows merely a data grid for tabular data. They differ only in the type of data to be shown, i.e. with different number and kind of columns.
...
0
votes
0
answers
133
views
User behavior for two multiselect row data table in a popup
What is the best way to organize two huge data table within popup with smoother user flow. A page end user use to create and combine items from different job order.
Expected User flow:
Select one/...
0
votes
1
answer
387
views
Ag-Grid filter across pages or current page
When using the Ag-Grid with multiple pages, is it a good practice to filter records across pages or should it be just the current page ?
Also for sorting, is it a good practice to retain the current ...
0
votes
0
answers
119
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 ...
0
votes
2
answers
2k
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
51
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 ...
0
votes
1
answer
331
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 ...
0
votes
3
answers
154
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 ...
0
votes
1
answer
672
views
Is it common to have both horizontal and vertical scrolling for tables with fixed height?
I am working on a table of fixed height and due to the large data, I need both vertical and horizontal scrolling. Although, I am thinking that users might get confused.
If it is ok to use them both, ...
0
votes
2
answers
172
views
Same form fields - two purposes/functions
Working on a project for adding new entry/entries to a table and/or viewing the table.
We have required fields for adding a new entry. Only one of those fields is required for viewing. The ...
0
votes
1
answer
130
views
Alternative to using cards or tables for displaying different data/info
The problem
Our product currently uses a lot of data tables to show information to our users. We also have a lot of metrics and numerical data that we also display that is often clickable that filters ...
-1
votes
4
answers
570
views
DataGrid: unselect or open details on second row click?
In a datagrid, selecting a row with a single click enables two buttons: delete & open details. Currently, a second click on an already selected row unselects that row.
I usually prefer enabling ...
-1
votes
1
answer
333
views
What's the best method to group/ungroup rows in a data table?
I've been struggling with a good solution to group/ungroup rows in a data table. We've initially implemented drag-n-drop but that was a nightmare to implement due to 3rd-party library restrictions, &...