Last call to make your voice heard! Our 2022 Developer Survey closes in less than a week. Take survey.

Questions tagged [tables]

Tables are a means of organizing content into rows and columns, often – but not always – in a grid-based layout where columns and rows have distinct relationships.

Filter by
Sorted by
Tagged with
0 votes
1 answer
22 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 ...
user avatar
1 vote
3 answers
89 views

Should a "deleted" row disappear from a table ASAP if it requires some time (8-10 seconds) to delete it?

We have a table with rows. To delete one or many rows takes some time (8-10 seconds). We decided to show BE message (snackbar) while deleting rows and then after successful deletion show a 2nd ...
user avatar
0 votes
2 answers
97 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 ...
user avatar
0 votes
2 answers
67 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 ...
user avatar
0 votes
0 answers
36 views

Whats a good UI pattern to create multiple nested categories to classify an entity

I'm designing a form for managing representatives for a MNC platform. but 1st there needs to be a structure set up that mimics their org structure. the structure of levels needed would be something ...
user avatar
  • 10.5k
0 votes
1 answer
38 views

Using a Google Spreadsheet to feed input to a web application

I am building a mathematical web application, that gets as input a large matrix of numbers, and does some mathematical calculations on it. The common ways to feed input into such an application are: ...
user avatar
1 vote
2 answers
99 views

Can I break consistency in behalf of UX?

I'm working on a big platform. It has many tables with consistent design. Now, I'm designing a new page, and I think it's better for these tables if the rows will be smaller than across all platform ...
user avatar
0 votes
1 answer
35 views

What is correct style for displaying dollar figures in a column in a table?

I have a table of two columns. One is list of expenses (or revenue). The other is dollar figures. Should the dollar sign ($) appear with every figure? Or should I put it only with the figure on the ...
user avatar
0 votes
0 answers
27 views

should i show action button in table header while designing for Webapp

I am going to design a table view but I have a problem that I wanted to show the action button. I am confused it is okay to show the action button in the Table header.
user avatar
0 votes
1 answer
60 views

Making sorting discoverable on a table with no default sort

We have a table that orders results of clients (can be searched on name, address, email, phone, etc.) based on an algorithm, so there isn't a "default" sort we can mark with an arrow to ...
user avatar
0 votes
1 answer
46 views

Is it bad practice to have different menu actions in the same table?

I have a table which is a collection of several different types of item, Documents, Images, and Assets (domain specific). I originally had different columns for each item and this was messy so I added ...
user avatar
0 votes
1 answer
35 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 ...
user avatar
  • 251
0 votes
1 answer
54 views

Filtering: Input-fields or buttons?

I'm currently working on new tables for our web platform. I came to a point when I need to design some filtering options as part of the design. One of our developers told me to use a text field that ...
user avatar
0 votes
1 answer
58 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 ...
user avatar
  • 1
1 vote
2 answers
45 views

Sort a grid with some empty cells

I have an editable Grid/Table where the cells can be edited. In a column, there can be some filled and unfilled cells. The column can be sorted. What is the best way to sort the cells? I am thinking ...
user avatar
  • 11
0 votes
0 answers
40 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) ...
user avatar
1 vote
1 answer
72 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 ...
user avatar
0 votes
1 answer
66 views

Should one filter filter the selections of another filter? If so, how should it work?

First time asker, forgive me if I get anything wrong. I'm working on a big-data enterprise product that has many filters to allow the user to find what they want in a table with thousands of rows and ...
user avatar
  • 1
0 votes
1 answer
257 views

UX Patterns for Horizontal Scrolling wide tables [duplicate]

I'm working on a web app that functions more or less like a kanban with rows extending off-screen to the bottom and columns extending offscreen to the right. The solution requested is to add a "...
user avatar
1 vote
2 answers
51 views

Letting user change displayed data in overview (table)

This part of my app will be for managers who need to approve the working hours of their employees. A manager will get a overview(1) with all the hours they need to approve, also hours from employees ...
user avatar
0 votes
0 answers
18 views

Table filtering UX - Autofilter vs. Click to confirm? [duplicate]

I'm currently designing table filtering controls and wanted to know what the thoughts are on autofiltering (filters apply as you select) vs. having a user click an apply button to show the results (or ...
user avatar
  • 1
1 vote
2 answers
67 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 ...
user avatar
  • 494
0 votes
1 answer
66 views

What is the best method to signal the editing in the form above of an table to a user?

To add an entry to the table, a user must fill out the form above and click the Take it button. He can also edit an existing entry by clicking on the pencil. How can you best signal to the user that ...
user avatar
  • 103
0 votes
3 answers
131 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 (...
user avatar
  • 151
0 votes
0 answers
17 views

What are the guidelines for showing many columns in an ipad app? [duplicate]

I'm creating an app for an ipad where it should show a table with someinformation, more than 7 columns. I looked in to Human Interface Guidelines for tables but there is only information for tables ...
user avatar
  • 1
1 vote
2 answers
60 views

How to deal with positive and negative signs next to a number in the [-1 , +1] and increment/decrement semantic?

I tried to look up this topic and found something here as a side comment but nothing more. Context I need to print a value in the Real numbers [-1,+1] interval. The Value has a semantic meaning: The ...
user avatar
0 votes
2 answers
96 views

Behaviour of Sort in a table where data is grouped

Consider the following table: It's a table of 'food' all split into categories, with each sub-category also containing items. A 3-tier hierarchy. The table is sortable by name, but... what should ...
user avatar
  • 36.9k
0 votes
1 answer
70 views

Minimum table column width when resizing the column

In the table that I’m working on, user are able to resize any columns within the table. However, we would like to prevent user from resizing the column to a point where it’s like collapsing the column....
user avatar
1 vote
2 answers
70 views

Value can only be assigned to one item per category in a table (Radio button-like use case without using Radio buttons)

I have a table with a list of items & various columns. One of the columns is Type, of which the possible values are A, B, C etc... The user is able to assign a binary value Is X?=YES or NO via a ...
user avatar
  • 251
0 votes
3 answers
177 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 ...
user avatar
  • 1
0 votes
3 answers
176 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 ...
user avatar
  • 8,077
0 votes
0 answers
27 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 ...
user avatar
  • 251
0 votes
0 answers
44 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 ...
user avatar
  • 101
0 votes
1 answer
123 views

Expander before selector? Or other way around?

The scenario: I'm designing a table that will have both expanders (chevron icons) and multi-select action checkboxes on each row. Expanded, the rows look like this (and will eventually have more data ...
user avatar
  • 8,077
0 votes
2 answers
118 views

Table with one column that has a lot of text

I am trying to improve the UI of a design of a table that has three columns. The first two columns have one or two words and the third column has a fairly long list of items. My first solution was to ...
user avatar
0 votes
2 answers
102 views

How to ask users to confirm an item as True Positive or False Positive

I have an ML system which classifies a series of objects. These objects have a possible status X assigned by the system. This information is displayed on a dashboard table to users. An example output ...
user avatar
  • 251
0 votes
1 answer
57 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 ...
user avatar
2 votes
1 answer
78 views

Associate table items by numeric range

I have the current situation: I need to associate items from two categories (let's call them "Recipes" and "Steel Grades") based on a range of numeric values from another category (...
user avatar
  • 23
1 vote
1 answer
46 views

Download a single invoice vs multiple behavior

I have a table which display all of the user's outstanding invoices. Currently, the user is allowed to select one or multiple invoices that they can either download (PDF format) or pay all at once. I ...
user avatar
  • 1,042
0 votes
1 answer
89 views

Which type of icon could represent "active/inactive" [closed]

I did the translation to English on relevant parts only This is a table that informs a user about a Tag (Physical device) status, and now we are changing the "Last transmission" column for ...
user avatar
2 votes
1 answer
114 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 ...
user avatar
  • 251
1 vote
2 answers
266 views

Delete confirmation for items within a modal

I have a modal that contains a table of items. Each item is in a row and a user should be able to edit/delete each item. When deleting an item, there needs to be a confirmation dialog asking the user ...
user avatar
  • 1,042
1 vote
2 answers
85 views

How can I concisely present lists in table cells?

I am presenting data in a table. One of the columns will contain list data. The length of the list will generally be around 1-4 entries. These lists will have entries looking like property-comparison-...
user avatar
  • 111
-1 votes
2 answers
90 views

Export a sorted table to excel

We have many tables in our application Tables that can be sorted, filtered, grouped When user chooses to export a sorted table to excel, I wonder what is the best way to display the sorted columns?
user avatar
1 vote
0 answers
75 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 ...
user avatar
  • 461
1 vote
1 answer
80 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 ...
user avatar
2 votes
1 answer
65 views

How to display numbers of an estimated amount

Which is the best way to display numbers of an estimated amount of items. for example, if my algorithm can only display the following answers: at least 5 / above 5 for 'above' it can be something like ...
user avatar
0 votes
2 answers
154 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 ...
user avatar
1 vote
1 answer
80 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 ...
user avatar
  • 251
1 vote
1 answer
157 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 ...
user avatar
  • 1,042

1
2 3 4 5
18