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
1
vote
1answer
92 views

selecting 1 of 2 ways to filter table results by time

I want to allow the user to either filter by a prefixed time or by specific time in a faceted menu. the option I am showing here is a bit awkward.
1
vote
1answer
115 views

When is data not considered 'tabular' and does not belong in a table?

I had a debate today with a colleague whilst designing the front end for a web application. Most of the data throughout the application seemed tabular - a collection of records each with their own ...
3
votes
2answers
5k views

Most readable way to display key value pairs

I am designing an app which has lots of data on any given screen, I've search Google and UX stack exchange and can't seem to find anything (perhaps I'm phrasing my search term wrong). Is there any ...
4
votes
2answers
322 views

The first zebra striping should be dark or not [closed]

I'm doing zebra striping in a table. Should I start with the darker ("gray") or the lighter color ("white")? Is there an accepted theory or standard practice regarding this matter? Examples:
1
vote
2answers
64 views

Should data tables have separate columns for each object field?

Say you have an object that is referenced by both an ID and a Name (both unique). The object also has a label that is more user friendly that is used though out the site. Should a grid show both the ...
3
votes
2answers
305 views

Representing nesting, inheritance, and overrides in a key-value pair editor (JSON)

The requirements My application has hierarchical contexts which are configured via JSON properties. Those are overlaid to create a single JSON properties file. Properties can be inherited or ...
3
votes
2answers
317 views

Row-wise or column-wise ordering?

I noticed that the Messenger app in iOS and Android orders the emoji differently: column-wise vs row-wise, respectively. I tried searching their guidelines but could not find any reference to the ...
1
vote
2answers
678 views

Positioning action buttons on right hand side of a table really is user friendly? [duplicate]

We are designing an application which has multiple tables and there are multiple action items like the view, edit, etc. Placing the action buttons on the right side of the table will not be the best ...
3
votes
5answers
480 views

Background color when hovering datagrid row

My question is pretty simple. In your opinion, does changing the background color of the hovered row in the datagrid is a plus for the user - or a distraction that should be discarded? All rows / ...
1
vote
1answer
149 views

using modals for inputting data into a table

I have an interface and the central part is a data table of objects with various attributes. Above the table are various functions that allow the user to perform functions such as editing something ...
4
votes
6answers
2k views

Whats the difference between “dropdown/caret” icon and “unfold more” icon?

I usually see this on tables or forms where some are using dropdown and some are using "unfold more" icon. Is there any difference or each icon has its own meaning? OR Other Reference:
0
votes
0answers
127 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 ...
2
votes
2answers
255 views

How to show relationship between columns of 2 tables

Our requirement is that we have to allocate some cash in % to list of items and to provide reason and effective date for allocations. Multiple times allocations can be added to same set of items. ...
7
votes
4answers
1k views

How to improve scannability in a nested table?

I have a list of events inside a table. the table's rows have zebra stripes that distinguish them from one another. the problem is that the text looks like a big unscannable block, it looks something ...
1
vote
1answer
91 views

How to show time-breakdown × availability from multiple parties in Web App?

I'm designing an scheduling application and I would like to know what's the most intuitive way to display the info of time-breakdown × availability from multiple parties. Below shows my current ...
0
votes
1answer
88 views

Best way to structure a table with several columns

I have the following table that needs to be structured in a much more appealing manner - I've been breaking my head into how to structure this better to fit in a desktop screen and also make the ...
4
votes
3answers
350 views

Displaying data in wide 2 column table

So I got myself into a corner and feeling quite stuck with this one, wondering what would other UXDs do. I have a wide table (960px) and only two columns. What's the best way to display it? Thanks
0
votes
3answers
353 views

What is the recommended header for a table column showing date and time? [duplicate]

I have a column in a table that shows date and time and I would like to know what is the recommended header. These are the current choices: I prefer the last one but it doesn't explicitly say that ...
0
votes
2answers
118 views

Elegantly make a group of rows distinct. How do I draw users attention to a group of rows in a table?

I need a simple yet elegant solution for making the rows highlighted in red standout from other rows. Description: The highlighted rows are the new rows that the user has not looked at yet. So we ...
1
vote
1answer
89 views

Display to a user the selection of multiple colors in a cell of a DataGridView

I have two DataGridView, the first containing a list of users the other containing colors. First DataGridView (Users) The second DataGridView (Colors) By selecting a cell from the first ...
2
votes
2answers
239 views

Should yes/no columns in a table be aligned left or right?

I understand the guidance on positioning text and numeric columns. I also have a column, though, that presents a boolean (Y/N) value. Is it appropriate to align it to the left as text, or right as ...
5
votes
1answer
680 views

How to handle a data table with row selection and infinite scroll?

Data table properties: Multiple columns per row Displays 20 rows by default When the 20th item is reach via scrolling, loads 20 more rows Rows are selectable Columns are sortable Questions: What's ...
0
votes
1answer
119 views

Placement of high level summary for table data

Trying to give my users useful information about the number of users they have in their instance. We have a page that lists the users, as well as few columns of information about them. The job to be ...
1
vote
1answer
52 views

Initial display of table which only gets populated by lookup results

I have a lookup on my page and the results are being displayed in a table with the person found, status and action 'view report'. You can only search one person at a time. Each person might have many ...
1
vote
1answer
110 views

Table Alignment [duplicate]

I am currently working with a developer who is arguing that all the number in a table should be aligned to the right-hand side(Please see below), this is only on one page on the website. I am arguing ...
2
votes
1answer
177 views

The Best Way to Visualize “Out of Sync” Data in a Table

Current Application I have an application whose most basic elements are composed of two parts: Planning: Several screens which users can manipulate several sets of numbers. These screens typically ...
2
votes
4answers
280 views

Design principles: Lean data vs. bloated data

I've been tasked with designing tables to store civil infrastructure asset data. Users have asked for a multitude of fields in the tables. For instance, they've asked for 50+ fields in a roads table. ...
2
votes
3answers
412 views

Checkbox grid with a lot of data

I have a checkbox grid available to group administrators that allow them to mass view/change settings for all their users. (Users themselves and their administrator have access to a setting page to ...
18
votes
4answers
2k views

When should an 'archived' or deleted row disappear from a table?

Rather than show a confirmation dialogue when someone wants to archive a project (each row in the animation is a 'project'), I've decided to immediately archive, with the option to undo. My question ...
1
vote
2answers
177 views

Moving away from using a table to display a list of user profiles

I'm looking for a new inventive way to display a list of users that can be selected and managed. I was thinking about a grid type view with animated drop for more details. Any help with this would be ...
6
votes
2answers
593 views

Subgrids - Tables within tables

Users wanted a way to view kinda-related data for records in different tables. The solutions was to take those and make them child tables of the rows in the parent table. It will probably be easiest ...
0
votes
1answer
466 views

Dropdown for simple and data tables with multiple levels of hierarchy

I had some tables which just had one groupping, and the arrow (accordion-type) was working fine, and users understood perfectly. (As for now, I was using option B/groupping1). Now, we have to ...
1
vote
1answer
98 views

Is there a pattern for bar graphs for each item on a nested table?

I'm designing a table visualization and due to it's requirements I need to show bar graphs for each item. It's a nested table, and for each item there is three bars. This image may help to visualize ...
3
votes
2answers
526 views

Complex form design pattern, common shared values, mixed with unique input values

Working on a form, which applies a configuration to an object selected from a table. Multiple objects can be selected to have one configuration applied to all selected. This approach works fine when ...
2
votes
1answer
83 views

Interface to pair up dozens of users with resources

We have a web application which connects users with certain resources. The way it works currently is that we have a csv file like this: resource_id_x, user_id_1 resource_id_y, user_id_2 ...
5
votes
4answers
2k views

Actions (icons) in table

I'm working to redesign our application and we are unsure where the table actions should be (in the left side of the row, right side, with or without submenu, etc). Please help us to define with would ...
1
vote
1answer
113 views

presenting a table row in a list

Is there any best practice for converting a row in a table to a list? I want to show a report for a single row in a table, since the row is very wide, and I only want to report a single line at each ...
1
vote
0answers
70 views

How should I visualise 2 different estimated waiting times?

I am working on a feature for a screen which shows our clients a list of legal certificates they have ordered with us, but they are produced by external authorities. Our turnaround time is much faster ...
2
votes
2answers
174 views

How to merge two similar but not entirely the same tables into one?

I have 2 tables that display orders to be processed. Top one is through Delivery, while the bottom one is through Self-Collection. I don't want to keep them into 2 separate tables because all of them ...
2
votes
3answers
719 views

Managing Users With Multiple Roles & Properties

I need to manage a list of users who can have different roles on different websites. A user could manage up to 20 websites. I'm trying to find the best way to organize this information. The image ...
3
votes
2answers
546 views

Grid view or Tiles view for long users list

I have a very long list of users! It’s a user management page for IT people. It’s not Pinterest, It’s not a Photos gallery, movies or books! These are users, I can click on them, and can perform many ...
0
votes
3answers
113 views

Why would users prefer to use a diluted layout when given the choice?

Some web apps from Google such as Gmail and Drive offer a "comfortable" option with lots of wasted white-space, which I'll refer to as being diluted for lack of a better term. I'm creating a web app, ...
11
votes
11answers
1k views

Best practice for truncating similar titles in data grid?

I have the following table, where the names are truncated up to 14 characters, because there's no enough room for the table itself (in real world there are some more columns). download bmml source &...
2
votes
2answers
103 views

Categorise individual cells in data table

I'm working on a data product, and there is a requirement to categorise individual cells. This is currently achieved by changing the colour of the text within that cell, for example, black = real ...
2
votes
2answers
745 views

Advanced Filtering in Data Table

The Problem I have a data table, that's on slide-over, fixed to its bottom. I need do advanced filtering of data. For example: 1. I want only the drug with exact name "Aspirin" 2. I want drugs, ...
0
votes
1answer
97 views

Viewing a list of survey questions

I am creating a survey portal. It has two kinds of users - Admin and User. The admin creates the questions. The questions are multiple choice questions, with description, options, author of the ...
1
vote
1answer
158 views

Should expanding one row collapse other rows?

Non-collapsing: http://fiddle.jshell.net/whytheday/2Dj7Y/11/show/ Collapsing: http://fiddle.jshell.net/QLfMU/116/show/ The collapsing behavior saves the user a click or a scroll. It would prevent a ...
6
votes
2answers
1k views

Stacked Master-Detail tables for related lists

I have a use case in which we need to support an analyst to 'peek' into a particular record to see all the related records and entities associated with it. This is within an CRM enterprise space, ...
3
votes
3answers
419 views

What to show in the input field when multiple items are selected?

What should I show in an input field that has different values? I will try to be more specific: Lets say I have a table like the one below. And let's say I want to change the nationality of Karen and ...
2
votes
3answers
163 views

What is the best way to signify parallelism and sequentialism in a vertical list?

Let's say we have a system that executes some tasks. You can model your processes by creating task lists. Tasks in a list can be executed either sequentially or in parallel (depending on a list type)...