Questions tagged [data-tables]
Use this tag only for data tables questions
422
questions
0
votes
0
answers
56
views
Designing multi-value row and multi-value column comparison data table (best practice for clarity)
If this is not the right stackexchange site for this question please do let me know and kindly advise an alternative.
I'm looking to create a table that is elegant (visually intuitive), logical and ...
1
vote
0
answers
60
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 ...
- 11
0
votes
0
answers
30
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 ...
- 1,136
1
vote
1
answer
114
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 ...
- 515
0
votes
0
answers
21
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
31
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 ...
- 31
0
votes
1
answer
38
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
0
votes
1
answer
44
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 ...
- 1
1
vote
1
answer
72
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 ...
- 13
1
vote
1
answer
125
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 ...
0
votes
1
answer
64
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 ...
- 1,136
1
vote
4
answers
105
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 ...
- 317
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
103
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?
- 317
1
vote
1
answer
27
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 ...
- 113
0
votes
1
answer
129
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
115
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 ...
- 121
0
votes
3
answers
78
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 ...
- 9
1
vote
2
answers
494
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.
...
- 13
0
votes
2
answers
51
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
152
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 ...
- 41
1
vote
2
answers
117
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
161
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 ...
- 11
1
vote
2
answers
398
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 ...
- 63
4
votes
1
answer
118
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 ...
- 43
0
votes
0
answers
92
views
Multi-select for table with invoices that can have different statuses
I have a table that lists out invoices and their details. In this table, the user is able to select multiple invoices and pay selections all together. In its current state, we only list out UNPAID ...
- 1,325
0
votes
0
answers
90
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/...
- 1
1
vote
1
answer
233
views
Show selection at the top of a table
I am designing a table that contains a series of items, each item has a series of associated details (name, number, group, etc) that are displayed in several columns; each column has a filter in the ...
- 59
0
votes
1
answer
243
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 ...
- 129
0
votes
0
answers
42
views
Mapping Data UI: Map objects (per childs) to additional data
I'm working on a UI problem when it comes to map data. Imagine you have a wall (object) that contains multiple layers like insulation, concrete and plaster (childs). To provide value with the software ...
- 1
2
votes
1
answer
140
views
How to display ( and work with ) related data without using a table component?
I'm working with an external system where users can create entities and link them bidirectionally. One entity is the source / the parent and the other entity is the target / the child. So one link ...
1
vote
1
answer
77
views
Control a table column content
Did you ever saw or designed a way to switch column content through its column header?
I've done this before for units or switching between numbers and percentage, but this time its a less obvious ...
- 117
0
votes
3
answers
245
views
What do you call a search component that filters data inside a data-table?
Sometimes when you have a large data-table you want to narrow down the amount of data.
A common approach is to use filters. But, sometimes you're given the option to use a search bar that pretty much ...
- 7,294
0
votes
0
answers
105
views
Filtering Tables: Show only filtered items
I'm currently working on filters for our tables. The tables are quite crowded with information. One of the columns contains lots of tags that represent categories. Each cell can be filled with 10+ ...
- 27
1
vote
1
answer
102
views
Long Table Data [duplicate]
I want to show this long data in more compact way with best experience preferably without scrolling, is there any good idea?
- 13
0
votes
1
answer
133
views
How to achieve best discoverability in a large, hierarchical graph-like dataset with each node having dynamic fields/properties?
I've been given a nearly impossible task to solve, since I'm not a UX expert nor am I able to find any examples on the internet.
I need to make it as easy as possible, for a person to find whatever &...
- 105
0
votes
1
answer
119
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. ...
- 13
2
votes
1
answer
2k
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 ...
- 21
0
votes
2
answers
249
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 ...
- 75
0
votes
2
answers
399
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 ...
- 45
0
votes
1
answer
66
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
208
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
158
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
77
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
260
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
78
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
83
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
239
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
134
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
196
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 ...
