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.

learn more… | top users | synonyms (1)

1
vote
2answers
329 views

List versus table design

The inability for tables to deal with data that span multiple rows, especially in situations where the screen space is limited is one particular reason why list views have been used as an alternative ...
10
votes
2answers
6k views

What is the best practice for data table cell content alignment

We are currently working on a windows based application where users capture data. Some data is captured in a table where other data is captured in text blocks. Im currently faced with the dilemma of ...
2
votes
2answers
83 views

Improving data usability

I'm working on a new version of a data analysis for robotics competitions. Among other things, I'd like to make it easier to view complex match statistics that are collected on each robot. Currently ...
1
vote
1answer
113 views

Sorting table according to a single column with multiple values

Have a design related question. The image shows a sample table sorted according to the column 'Position'. How would one sort the column according to 'Office', with the fields having multiple ...
0
votes
1answer
61 views

Best way to show to user an element of a table is happening today?

I'm making an app where an event list is displayed into a table with sortable columns. Even if there is a Date column, I'd like something to show clearly the items that are planned for today in that ...
2
votes
2answers
701 views

iOS: table view “Close”, “Edit” and “+” button placement in a navigation bar

There seems to exist some ambiguity when a table-based, multiple-item view needs to combine navigation ("Close"/"Back"), editing mode switching ("Edit") and aggregation ("+"/"Add") in a single ...
1
vote
3answers
77 views

Should “Date & Price” or other Numeric column along with their Heading be aligned right always?

I have a many tables in my application, where there are some "Numeric" columns like "Phone No/ Ext No, Date, Price, Serial No" So I have a question should these columns be always right aligned? And ...
58
votes
4answers
6k views

Is there a better way than zebra stripes

Currently we are working on a project that includes many datatables. Before deciding to use zebra stripes to make datatables easier to manage, I wanted to ask if you could advise a better solution ...
2
votes
3answers
151 views

Is there a good alternative to zebra stripes when rows use drag-and-drop reordering?

This answer gives pretty good evidence that in a table with multiple columns, zebra stripes are the most effective way to make it easy to see which rows are which in the table. Sometimes in tables, we ...
2
votes
2answers
243 views

Best way to display large dataset on mobile?

I am working on a website for the specific purpose of mobile first display of athlete data for the Highland games and looking for some UX help as far as how to display a large chunk of data with a ...
0
votes
3answers
205 views

How to display a single thumbnail for multiple human faces?

I have a multi-row table view where an image represent the people who are associated with the row. Each row can have n number of people. How may I show a single thumbnail when members are more than ...
0
votes
2answers
59 views

How to improve Sales Statistics?

Staffs can see Sales Statistics on their dashboard which allow them to see number of sales made per day. This is a weekly Statistic. For example, on Tuesday Paul have 4 sales which has been ...
1
vote
1answer
92 views

help with table

I have been asked to review a table layout. The table contains a list of reports which the user can sort and perform various actions on: I have been asked to work within the confines of the CMS and ...
0
votes
6answers
336 views

Can I make double-clicking on a table row to open a details view intuitive?

We have tables with data where double clicking a row switches the table with corresponding row details. Currently a user can select a row and click a button to view details as well. Is there a way to ...
0
votes
1answer
59 views

Button text in table column - 'Open' or action name?

I need to decide which version will be more intuitive: Ver. 1 - action name in heading and open buttons: Ver. 2 - empty heading and action name on each button: Is it a big difference between ...
-1
votes
1answer
80 views

Allow users to select a top 10 list from 1000 items in database table

I have a database table with almost 1000 items, names ,image urls, desciptions etc. What would be the best way to allow a user to be able to select a top 10 list from those 1000 items, and then post ...
1
vote
6answers
203 views

Long table pagination

I have a very long table (it's supposed to be long and go beyond one screen,though number of rows may vary) and I'm thinking what is the best way to present such data. My current problem is joining ...
1
vote
4answers
149 views

Table with three rows per item

I was asked to design a table that contained three rows for each fleet asset. I struggled to find a way to label each of those rows so the user understands what the data in each row pertains too. I ...
4
votes
1answer
524 views

Interactive table - with many levels of information

I have a table that users need to interact with (insideweb application), at the most basic level they need to place a checkmark which shows that an item is available on a product. If it were so simple ...
3
votes
1answer
72 views

Naming columns in a table

I suspect that part of my problem is that I am not a native english speaker but here it is. I have a table with column header labels. One of these columns contains the "number of messages received". ...
2
votes
1answer
108 views

Matrix representation for hierarchic data

I have to create an UI that help user to define a relation level between 2 objects (from the same hierarchic level). 2 visions must be provided : Manager (3 levels) Technical (3 levels + 2 levels) ...
1
vote
1answer
69 views

Where to place secondary table

I have a 'primary table' of let's say, 'Suppliers'. Each supplier supplies certain parts which are displayed in a 'secondary table' called 'Parts'. When the users clicks on a row in the supplier ...
2
votes
1answer
144 views

What is the best way to lay out a list of date ranges in a table?

I am showing a webpage where I list out where people will be out of the office. I want to get some feedback on which is a better format (obviously forget about the fact that you can't draw good tables ...
6
votes
2answers
180 views

Editable Row in Table. Should You Disable the Sorting?

I have a table that is sortable via clicking on the column headers. The table rows are also editable (by clicking directly into a cell). A really frustrating side effect is that when you modify a ...
3
votes
3answers
212 views

Presenting data in a grid form versus a tabled form

Is there a general rule when displaying data in a grid form versus a simple tabled list? Since modern screens tend to be wider now, it makes more sense to me to start utilizing grids instead of normal ...
1
vote
2answers
84 views

How to display data that spans multiple rows (tabular data)

Sorry for the weird title (I have no idea how to describe it better). Right now we have a user interface for showing specific dates in a tabular way, for example: Name date May 1, ...
5
votes
5answers
1k views

How do I make a table row on a web page look clickable?

I have a simple web-based report presented as a table: Some rows are clickable, others are not (it can be seen with the third column. Greater than 0 means the row can be clicked and expanded in a ...
0
votes
0answers
12 views

What is the best way to design a responsive comparison chart? [duplicate]

I am trying to design comparison charts but as in the image below, the charts make sense when they have enough room on large screens to be shown side-by-side, but on smaller screens how should I show ...
1
vote
1answer
222 views

Master Detail view with a Table Master view [closed]

I have the necessity of using a Table view to show the contents, including an image. Clicking on a row would display the detail view with all the text elements in a Form layout. Functionally, I am ...
1
vote
1answer
133 views

Should column labels for numbers be aligned right?

In a grid structure, I understand you should right-align numbers in the cells. Should you also right-align the headers for these columns?
1
vote
3answers
180 views

Combining pagination and selection

The user sees a paginated table of items. For each item/row there is a checkbox to the left that lets the user select that row. Below the table a button: "Compare selected". The user can select ...
2
votes
2answers
95 views

Hover states on tables with striping

Do hover states on tables which already use zebra striping add any value? I'm really looking to understand what the benefit of a hover state is, and particularly if there is any additional value to ...
1
vote
3answers
95 views

Inserting a long word in a limited header space

In my website, i'm presenting a basic table that has some action items for each row. X and Y must be replaced by two words that are trademarked and the words are actually long. Say X is ...
1
vote
4answers
93 views

View an object that sometimes is editable, but sometimes not editable

I have a problem where in a table row I have a set of buttons that defines actions of that specific table row. For instance "delete", "edit" and so on. However, in one instance some of the rows of the ...
2
votes
1answer
80 views

Better way of representing a half empty table for a cheat sheet

I need to create a cheat sheet that would save the user a lot of time for calculations in a medical application. So far I have the cheat sheet with the data represented as a table, where the y axis is ...
0
votes
1answer
60 views

Showing New, Old and “Not Yet Emailed” in a table column through symbols/colours

We have table data displayed to clients where each record can be in one of three states: Not yet emailed Emailed in the last two weeks Previously emailed It's a dashboard system that gathers ...
4
votes
2answers
133 views

What are standard visual cues to use for multicolumn sorted table

I am working on this bug patch for phpmyadmin I am specifically working on drawing these little icons along with a column name that show how that column data is ordered And I am kind of struck ...
4
votes
2answers
174 views

The best way to display time-sensitive data from a small chart in one line?

Let's say you have a table that shows you how much a meal voucher is worth at a dining hall at a certain time, so like: Meal Time Equivalency Rate 7:30 a.m. – 10:45 a.m. $5.00 10:46 ...
1
vote
1answer
92 views

Displaying mixed RTL-LTR data in a LTR window

My (desktop) app has a LTR (left to right text) window which displays data in a table. The table takes most of the display. The left most column (and the 3 coumns that follows) is a LTR colum, while ...
0
votes
3answers
142 views

How to effectively point users to a text that has 'more info' attached to it?

I need a simple and effective way by which I can let my users know that a particular column in a table has more information attached to it when you hover over it. It is not a link, just text (a number ...
4
votes
2answers
243 views

Is it a good idea to add new rows on top of existing ones?

Consider my fiddle implementation of a table1. (For those who are curious, here is the code2) At the beginning, my table was more conventional, featuring the + button below the table and adding new ...
1
vote
1answer
246 views

Displaying search results for large hierarchical data

We have large hierarchical data which we would like the users to allow search on. The problem we are facing is in displaying the results. The search results can occur at any level and we would like to ...
1
vote
2answers
92 views

Should export of an editable table view to Spreadsheet reflect user edits?

Imagine a user viewing a table in a (web) application which has some input capable cells: download bmml source – Wireframes created with Balsamiq Mockups If they click "Export to Excel" ...
2
votes
1answer
132 views

How worried should I be about action consistency across multiple pages?

I'm working on part of a redesign for a big, enterprise web application. This part has the user managing a bunch of settings that govern how the rest of the application is used. These screens follow ...
1
vote
3answers
68 views

Best way to indicate the type of items in a list

In an application I'm working on, I have several instances where I am showing a (potentially somewhat long) list of items. These items are either of "Type A Items" or "Type B Items", and I want to ...
0
votes
2answers
42 views

Labeling two tables that display my content and other content

I am introducing a new feature that allows instructors to copy from a previous course that either they themselves taught or some other instructor taught. To search, the instructor will enter ...
1
vote
2answers
259 views

Are horizontal scrollbars acceptable in an internal web app?

The application that we are building has a lot of data and most of this data is requested to be displayed in a table. Our original goal was to stick with web standards and only display enough data ...
2
votes
2answers
211 views

Positioning table row action links

I have a list of customers in my application. The user can use the same actions for all the entries in the table: show, edit, view stats and delete. Currently I have the links for those actions on ...
0
votes
5answers
243 views

Radio button the best choice?

In this design, a user can have the following views: One child from parent 1 and no child from parent 2 No child from parent 1 and one child from parent 2 One child from parent 1 and one child ...
4
votes
3answers
364 views

Acessibility… tables or lists

I am creating a list of links which have the following in them: link title and url a comment about the link a date that the link was posted I wish to do this using accessible best practice, but ...