Skip to main content

Questions tagged [data-tables]

Use this tag only for data tables questions

Filter by
Sorted by
Tagged with
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?
guest1234567890's user avatar
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?
Parisa's user avatar
  • 1
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 ...
Chloe's user avatar
  • 563
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, ...
dolbin-prime's user avatar
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, ...
Rudolfs's user avatar
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 ...
Lance Pollard's user avatar
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 ...
Dil's user avatar
  • 1
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 ...
Nisha Changrani's user avatar
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 ...
RightCheeseCoder's user avatar
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 ...
Amr 's user avatar
  • 1
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 ...
Merc's user avatar
  • 277
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 ...
Lesley's user avatar
  • 11
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-...
iasksillyquestions's user avatar
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 ...
jacklawley's user avatar
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 ...
Akanksha Vishwakarma's user avatar
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 ...
Adam Zerner's user avatar
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' ...
Ryan's user avatar
  • 1
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 ...
RobbB's user avatar
  • 115
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 ...
Ryan's user avatar
  • 1
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 ...
RobbB's user avatar
  • 115
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 ...
Peter's user avatar
  • 111
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 (...
Nick's user avatar
  • 11
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 ...
MYaelUXUI's user avatar
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 ...
Cindy's user avatar
  • 33
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 ...
questioner56's user avatar
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 ...
user170002's user avatar
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 ...
Gene's user avatar
  • 1,334
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 ...
Adriano's user avatar
  • 537
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 ...
fatma work's user avatar
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 ...
tkeija's user avatar
  • 51
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 ...
niccoloz's user avatar
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 ...
Alexey's user avatar
  • 11
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 ...
Michael's user avatar
  • 23
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 ...
Genevieve Morency's user avatar
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 ...
Gene's user avatar
  • 1,334
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 ...
Danielst's user avatar
  • 381
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 ...
Hanie Shakeri's user avatar
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?
Danielst's user avatar
  • 381
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 ...
kar's user avatar
  • 117
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,...
fatma work's user avatar
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 ...
AsGoodAsItGets's user avatar
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 ...
Paco's user avatar
  • 61
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. ...
Alex PO's user avatar
  • 13
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. ...
Kai Radewald's user avatar
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 ...
Daniel Kilby's user avatar
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 ...
Michelle Walstra's user avatar
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 ...
PabloB's user avatar
  • 11
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 ...
Samuele B.'s user avatar
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 ...
Tom's user avatar
  • 43
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/...
Ravyn's user avatar
  • 1

1
2 3 4 5
9