Questions tagged [data-tables]
Use this tag only for data tables questions
441 questions
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?
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 ...
0
votes
2
answers
55
views
Server-side sorting in data table with infinite scroll
I have a question about the infinite scroll feature in DataTable (or DataGrid). After doing some research, I found that pagination might be more suitable for DataTable than infinite scroll. However, ...
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, ...
4
votes
2
answers
2k
views
How to make a wall of unicode symbols useful?
I am having fun playing around making a dictionary app, one part of which is adding pages teaching about scripts. One script page is on Tibetan consonants. I am trying to keep every page extremely ...
0
votes
1
answer
129
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
vote
1
answer
188
views
7 fixed columns with horizontal scroll in complex data table
I have been trying to define the UX of a complex data table that needs to have the first 6-7 columns fixed followed by infinite weekly data columns. The weekly data columns need to have a horizontal ...
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 ...
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 ...
1
vote
1
answer
67
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 ...
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-...
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 ...
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
2
answers
283
views
Should the last column in a table typically be right aligned?
This answer says that left vs right alignment should be based on the data type in the column. For example, left align text and right align numbers.
I have heard that you should right align your last ...
0
votes
1
answer
217
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
1
answer
378
views
Whats the best, most functional but also aesthetic way to display nested list data?
I'm looking for a technique for showing nested object data/additional data in a list view. As a policy, only one list view tile will be expanded to show additional data at a time, so that it doesn't ...
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 ...
1
vote
1
answer
298
views
UI/UX when showing a ton of data on a small mobile device
I need to show a ton of data and make it look good.
Heres my current list view:
Heres what i think is "nicer":
And heres another idea with table switches:
Some guidance is appreciated. Im ...
1
vote
1
answer
118
views
How to make table with subtable eaisly readable
I want to display a table with some parent and sub data and I am finding it difficult to make it readable
I want to display headings for all the values so the user can understand what they are looking ...
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
363
views
What is the best UX for navigating from a table to an individual record back to the table?
Let's say I have a table view with a list of records (in this case, transactions). A user can click on the Transaction ID to navigate to the individual transaction record in the same tab. If the user ...
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 ...
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 ...
1
vote
1
answer
171
views
How to expand data table when only 2 columns have data that can be expanded on?
I have a data table where you can click to expand upon the row. Two out of my four columns have data that can be expanded upon if the column is set to enabled. If disabled, there is no additional data ...
2
votes
1
answer
635
views
Using a filter chip with counter
1. Context
I have a table that shows a bunch of items falling into either of the below categories.
Some users struggle to find these filters.
2. Possible solution
I am considering using filter chips ...
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 ...
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 ...
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
2
answers
106
views
Table input with modifier
I'm working with complex tables whose data can be aggregated based on time (e.g., from month to quarter). Users will still be able to modify the data at a higher level (e.g., input 900 at the quarter ...
2
votes
1
answer
147
views
Are multi-select inputs reserved for filters?
Context:
I'm working on a flow in which the user is requesting information from the some or all of their personnel (Displayed below as Info A, Info B, or Info C).
The user needs to be able to request ...
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 ...
3
votes
1
answer
144
views
How to combine two different, mutually exclusive columns into one?
I have a data table and currently there are too many columns so I want to reduce the number of columns. I noticed that two columns are mutually exclusive i.e. if a row contains one column, it won't ...
2
votes
4
answers
859
views
Filter by values not present on the table
Is it OK to offer filters whose values are not present in the table?
For example, I have a table of industrial shipments. I know some users may want to filter by driver, but I don't have room in the ...
0
votes
1
answer
35
views
Drafts for the in-progress applications
I am working on a mobile application for license registration. After the user has selected his product and filled the required forms, he has to wait for the request to be confirmed. After request ...
0
votes
1
answer
359
views
Export all table data when filter is applied?
If filters are applied to a table, should an export button export all the content in the table or just the content resulted of filtering?
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 ...
0
votes
1
answer
406
views
if using table rows inline-editable in mobile view the best practice as Ux
I am working on a data table with many columns, and I depend on inline editing when the user double click the row. currently, I am working on a responsive version for this table to be viewed on mobile,...
0
votes
1
answer
243
views
Horizontal and vertical alignment of headers in property tables
We have a Web application with a right sidebar which shows a lot of vertically stacked cards with details (aka properties) of the main active entity. Each card contains a property table, where each ...
0
votes
3
answers
92
views
Fitting two tables in 1280 viewport
well I work on complex SaaS which has two tables currently. Pretty much when you select one row in first table second one loads data (it's like software for restaurants/coffee shops etc.). Currently ...
1
vote
2
answers
3k
views
Which UI design can I use for filtering various data fields from one search box?
In a view with a table that displays a number of data fields for employees (including name, country, start date, and email), we are looking to allow users to filter results by both name and country.
...
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.
...
1
vote
2
answers
1k
views
Comparing current and historic data, which comes first?
I'm building an interface to report on our accessibility testing, which would compare the current state (ie the most recent set of testing) with a past state (by selected date), but I'm not sure which ...
1
vote
2
answers
350
views
How do you differentiate between '0' and 'no data' on a graph?
I am working on platform that shows data on a graph over a period of weeks. Right now, weeks with no data and weeks when there is data but the property is 0 are shown visually the same.
On hover, it's ...
1
vote
1
answer
332
views
Client-side vs Server-side column filtering in a table
I have a data table with approximately 10 columns. The rows load in a paginated / lazy loading manner, hence, around 15 records are loaded at a time until you paginate or scroll down. Now, I would ...
1
vote
2
answers
1k
views
Multiple selectable bulk actions
I have a webapp LMS in which there's a page that allows teachers to monitor the progress on ongoing exams. The page displays a table with data about all students that are participating in the exam and ...
4
votes
1
answer
307
views
Selecting products from hierarchy
We have a hierarchy of products (documents) where there is a global library at the top that consists of all the products we have, a user’s account library that is a subset of the global products, and ...
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/...