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
2
votes
2answers
301 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
777 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
141 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
59 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
119 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
215 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
294 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
467 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
212 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
743 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
538 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
108 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
600 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
85 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
120 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
182 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
894 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
726 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
115 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
105 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
949 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
98 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
167 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
2k 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
468 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
180 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)...
2
votes
3answers
428 views

Better design to displaying a lot of data within tables

This is the current design There could be hundreds of the 'panels' with tables that expand underneath when clicked. The tables could contain thousands of rows. What would be a better way of ...
2
votes
2answers
102 views

Should all tabs in a data table necessarily contain the same column names?

For example we have these tabs for a data table: Basically, All tab will display Drafts, Pending and Processed. However, individually, Drafts / Pending / Processed may have columns that the others do ...
5
votes
4answers
1k views

Large off-screen tables with actions

here is a new question for my fellow colleagues. I am creating a framework and trying to standardize table creation, so I have to take under consideration all possible scenarios and am between ...
30
votes
10answers
4k views

How do you make it clear to the user when the data in a table is updating live (or not)?

We have a requirement to have a table of data update in real-time. New records will get added over time, as well as amendments on a cell by cell basis. However if a user changes the sort order, or ...
2
votes
1answer
83 views

Is there a limit on how many entries you can have for a pricing table?

I would like to use a pricing table for my application. For reference, my understanding of a pricing table looks like these images. My possible problem is that there will probably be alot of data ...
1
vote
3answers
592 views

How to enable editing a single cell on a table

On a table, the user should be able to edit the values in each cell on a specific column. The current solution is using a multi selection drop-down menu but the user has to scroll through the options,...
2
votes
4answers
830 views

Expandable table rows, some with no data. UI approach?

I have an expandable table where each row may be expanded for detail. However, some rows do not have more data to expand. The expand icon is a carrot placed to the right most of each row. Is is better ...
1
vote
2answers
203 views

Placement of table header

Is there any guidelines that describe which way of displaying header in the table would enhance better user experience? Design One is the more common design but Design Two would save user from ...
3
votes
5answers
2k views

Huge data in table in responsive email

I have a system where the tabular data is send via email and looks like the attachment. The table may have more than 50 rows in single email. Are there any solutions for this table view and use any ...
2
votes
2answers
165 views

Unavailable, inactive, blocked - how to distinguish the table row

On our system we have got those 3 statuses for user: unavailable, inactive, blocked. I wonder how we could distinguish them displaying users in a table. Strikethrough obviously recalls a removed item, ...
1
vote
1answer
103 views

How to best present edit icons for table rows that utilize multiple rowspans

I have a table that presents data like this: Each item has one row of basic information, e.g. name, size, category, etc., but also multiple rows of purchasing information, e.g. supplier, cost, etc. ...
5
votes
3answers
3k views

'More Info' button vs. Making the entire table row a link

I have a large table (14 columns) on my site. I want each row to link to a different page. What is the best way to let a user know that clicking a row will take them to a page related to that row? ...
1
vote
2answers
72 views

Table headers style: repetition

If I have a table w/ a header: ----------------------------------------------------------------------- | IPv4 addresses wanted | IPv4 addresses used | IPv4 addresses wasted | -------------------------...
19
votes
5answers
4k views

How do you indicate that an item is not selectable?

I have a table where a user needs to select a row before being able to proceed, however I also have a case where some values need to be displayed but are not selectable. How would you got about this? ...
0
votes
3answers
125 views

Stuck - Bus fleet schedule calendar

At my job, I need to create a calendar that shows the days and time slots in each day, and in each slot, I need to show what are the buses that are out each day, who are the bus drivers etc. This is ...
1
vote
2answers
212 views

Table cell order: information based or action based?

I'm creating a table and I'm confused about the best order of table cells. Right now I have the following table, based on the things the user probably wants to see first (Person, its properties, and ...
0
votes
2answers
135 views

What options are available for indicating an uncommitted delete row operation in a table?

We have an application that lets users modify information in a table that has a fixed number of rows. (That is, the display table has a fixed number of rows.) They can append / insert new rows, ...
0
votes
1answer
87 views

Planning a table to form mapper [closed]

I have a html table which i am using to display data from a database. The table is paginated and i have a form that allows a user to edit the data on row click. I am wondering which of the two ...
1
vote
1answer
225 views

Comparison table

When creating a new (permission) role on our platform a comparison table is used (on the right side), with the intention of explaining our role types to our users. Within this table: The permissions ...
0
votes
1answer
100 views

Mailto links in limited space

I'm working on a table used to display personal details. An email address is captured, and the requirement is to: Let users with a mail client configured click on a link to send an email Let users ...
1
vote
3answers
281 views

Best table layout to compare definitions and examples (text)

I want to present a table that compares correct and incorrect definitions of words, with examples. What is the best table layout for this? Eg Too Correct: More than expected; also. Example: I, too, ...

1 3 4 5 6 7 16