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
3
votes
1answer
9k views

Best practices to allow user to hide/show columns in a data table

I have a table which can contain more than 15 columns, it is not likely that users will see the 15 columns at the same time, but I need to give them the option to select which columns they want to see....
2
votes
1answer
2k views

Best way to show tables on mobile and tablet common dimension

I have a visual problem that breaks usability in my opinion. I'm using Twitter's Bootstrap V.3 and I have a web form. I must show a table with this information: City, Address, Latitude, Longitude,...
1
vote
2answers
198 views

Icon vs Text Editing Table

In the context of a table in which each row represents a user, what is better to use? An edit icon at the end of each row, or the Edit text underlined as a hyperlink?
0
votes
1answer
140 views

How to indicate that an item in a data table is urgent / very important?

We have a system that receives certain requests / tasks from customers. There are 2 types of tasks: Urgent and Non-Urgent. What is the best way to display the task list so that it's easy to see which ...
0
votes
2answers
347 views

Best way to present incredibly detailed table? [duplicate]

I'm trying to present a table on my site. The table is incredibly data heavy and can differ product to product. The table needs to work in a responsive manner but still remain legible. Can anybody ...
1
vote
1answer
101 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
127 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 ...
5
votes
2answers
8k 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
400 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
67 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 ...
4
votes
2answers
451 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
399 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
900 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
661 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
193 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
5k 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:
1
vote
0answers
189 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
296 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
2k 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
96 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
96 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
509 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
521 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
130 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
100 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
371 views

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

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
824 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
160 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
70 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
126 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
245 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
314 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. ...
3
votes
3answers
538 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
226 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 ...
7
votes
2answers
961 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
605 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
117 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 ...
4
votes
2answers
632 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
88 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
3k 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
134 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 ...
2
votes
2answers
188 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
1k 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
864 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
118 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
2k 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
106 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
1k 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
99 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
3 4
5
6 7
17