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.

learn more… | top users | synonyms (1)

2
votes
1answer
209 views

Ideas on displaying and editing 'Hours of Operation' for a service provider

OK--you've got a translator in Bolivia, and you need to know when she can provide her transportation services. And you need to store this in a system, for others to see and possibly edit. My ...
1
vote
2answers
1k views

What's an alternative to data tables for key/value pairs?

I have a list of 8 key/value pairs I'm displaying in a sidebar using a table element. I'm using a th and td element on each row. However, the td content is often too long and has to be truncated. I ...
2
votes
1answer
939 views

iPhone button on screen with table view: last row or outside table?

I have a table view that's showing attributes of a record, very much like Edit Info screen in the iOS Contacts app. Also like that screen, I'd like to show a "Delete Record" button at the bottom. It ...
3
votes
4answers
792 views

What is a good field separator that can coexist with colons?

I am currently migrating a bunch of data from several Excel files of similar formats into a more structured format. Imagine Tabular data like this in File 1: Customer | Cabinet : Device : Port | ...
6
votes
3answers
4k views

Examples of nice looking html tables [closed]

All tables on my app look like sh*t, it's making me lose hair, I've been trying to make them look better but I end up making them look worse, do you have any examples of nice looking tables? ...
4
votes
3answers
248 views

Quickly change row status

I have a table of items that each have a particular status color icon. The users will need a quick method to change this status. I imagine click on the status icon an picking the new status. However, ...
0
votes
1answer
150 views

Should I save changes to visible columns automatically, or require a 'save' option?

I have a page in a web app that displays a large amount of tabular data regarding certain resources. With this release, in addition to standard columns, there can be an arbitrary number of ...
6
votes
2answers
519 views

Summary Rows and Paged Data Tables

In terms of best practices and UI patterns: if there is a summary row (sums, avg, etc) at the bottom of a data table that has paging should the row be a grand summary of the full result set or a ...
8
votes
4answers
1k views

How to correctly encode a leaderboard with a gap in HTML

I want to display a leaderboard like so: 1 - John 232342 2 - Mary 45234 3 - Luke 234 59 - You 45 It's an ordered list but I can't make an ordered list that jumps from 3 to an arbitrary ...
0
votes
1answer
147 views

Setting a giant grid of numbers on a mobile touchscreen device?

I'm trying to figure out a good way to present 96 configurable percentage values to mobile users. These percentages represent percents of a max lift (weightlifting), and they can be broken down by ...
4
votes
3answers
886 views

Web Usability: pagination and column sort

I have a table of books with this data: name, description, cost, year. I show 15 rows and pagination using AJAX. Each header of each column is clickable and let the user sort the data. The problem ...
4
votes
1answer
347 views

How best to order columns in a table?

What are the best practices for ordering columns in a table? I'm currently putting together a table with about twelve columns which are going to contain a range of data from dates, times, short ...
3
votes
1answer
454 views

Are there standard patterns for vertical radio-button like choices in tables?

In my application, I have a table of entities - in this case, the individual offices of a member organization. One entity - one office - has to be marked as the 'main' office, or headquarters. It ...
8
votes
4answers
2k views

How to present heavy data tables on smartphones?

Problem: I've got a table with 10 columns and ~100 rows. What is the best way to present these on small screens? My idea: effective search + data displayed row-by-row. Is there any better solution?
0
votes
3answers
533 views

A way to denote possibility of multiple selection in table view

I'm creating an OS X app and during it's setup (the very first launch) I need user to select a few entries from a list (a one-columned table). Usually on OS X user is able to select a single line from ...
3
votes
2answers
158 views

Duplicate information vs. proximity in mobile apps

In the mobile app we are currently working on, we have a table view that shows certain information. When you press any of the cells, another view shows expanding the info. The regular behavior pretty ...
-1
votes
1answer
228 views

How to sort on a single column; OR multiple columns at once (phase 2) [closed]

EDIT: I'm working on this page now and for the next couple of hours, so please don't bother looking at it. I had many outstanding suggesting when I first asked this question five weeks ago. The ...
13
votes
4answers
757 views

How would you solve the column of check boxes problem?

So my question is a bit open ended. Basically, I am looking for possible solutions to the problem of lots of tabular data with check boxes. For example, if we look at Facebook's Account Notifications ...
11
votes
2answers
2k views

What is the best way to display edit/delete actions on a row?

I am building a web application that deals with a lot of tables/lists of records. I am currently building an "AJAX edit-in-place" feature, so that you can edit a record while being on the same page. ...
6
votes
4answers
478 views

Better way to build a list

I've got an app in production where the user builds a list of beer prices to later on make into a PDF of shelf tags (it's for the beverage industry). The user picks a brand, then a package, types in a ...
5
votes
2answers
160 views

Show camera feature on iPhone when there is no camera?

In my iPhone app I have a root view with some options, one being a "Camera" option where you can take a photo to send to us. My question is should I either A: Show it "grayed out" or B: Not show it ...
2
votes
1answer
118 views

Should a user be allowed to hide all rowheadings in a crosstab?

Currently I'm developing a webpage on which the users to can hide/ show the row headings in a crosstab user control. Right now, showing/ hiding the columns is done using a checkbox for each row ...
1
vote
1answer
290 views

Different Sized Containers in a Table-Based Design

Right now I am designing a new feature for my site. The layout is table-based. Let's call each pick that you see a "pick container." The way that I see it, each pick container has to be a different ...
8
votes
4answers
3k views

tables with lots of columns

I have a table that lists various attributes of an individuals personal development plan; objective, time to complete objective, comments etc. The table is editable so the user can directly add ...
1
vote
2answers
657 views

Best practice for inactive actions in a table [duplicate]

Possible Duplicate: Is it better to prevent a forbidden action or display an error/explanation message? I have had some discussions with my boss about this below issue, please give me some ...
7
votes
3answers
1k views

exclusive select in a table: radio button, rowclick, text only, text and icon, or icon?

If you have a table where each row can be selected, and you are only allowed to select one row at a time, and selecting a row causes a drill-down table to appear to the side, how would you render ...
7
votes
4answers
1k views

Keyboard shortcut to sort columns in a table?

Clicking on column headers in a table to set the sort order (or toggle ascending/descending if already sorting by this column) is a standard UI technique. However, it is mouse-only. Is there a ...
1
vote
1answer
803 views

Should users be able to enter data directly into a pivot table

... or should I offer them a separate formular/window where the user can fill the data to the related person? Its about entering marks/grades of pupils for a certain subject. So sliding to the wrong ...
7
votes
3answers
825 views

Showing extra information for a table row when that row's selected

In the app I'm developing, we have a table/list that makes use of a kind of master/details approach; when you select a row in the main table, a second table below it is populated with 'child' items. ...
7
votes
7answers
983 views

Best empty string

What is best way to represent empty value inside table of rows with some optional columns? '', empty, N/A, -, -------- (number of allowed chars), any other advice?
11
votes
3answers
5k views

Best UI approach to align the column titles of reports

I would like to know what the best approach is to align header columns according to their data type. I haven't found any Human Design Interface articles explaining this. Should the header column ...
0
votes
4answers
1k views

Can you point to any good examples of large table presentation online [closed]

I mean big tables, and not just rows. Full blown cross tabulated tables (think about 20 rows and 30 columns, the sort of thing you generally do not see on websites, because they are difficult to ...
8
votes
1answer
1k views

Reporting web app - how to design large data tables?

I'm working on a legacy webapp that's mainly focused on reporting large amounts of data - ie tables with 20+ columns reporting financial data. The main problem is table layout inconsistency depending ...
0
votes
2answers
113 views

List overview of multilanguage data

I have a dataset with the following record definition, each of the translation property-sets are optional but at least one should be entered. Product id price translations english name ...
2
votes
4answers
181 views

When should stepping through a list wrap around?

Given a list of items (messages in an email reader, tracks in a music library, options in a menu) that can be stepped through with arrow keys, when is it appropriate for scrolling to wrap around when ...
76
votes
7answers
11k views

To use or not to use “Zebra Stripes”, or Alternating Row Colors for Tables

Is there any research out there showing whether or not alternating the row colors for a table increases/impedes the time it takes to parse information? An example can be found at the following ...
2
votes
2answers
299 views

How Best to Add Lots of Tabular Items To a Form Before Submissions

I need to create a form for which salesmen (or women) register what products they sold and on what day they sold them. They can enter multiple products per claim form. The idea for how they add items ...
11
votes
4answers
8k views

Table usability/Readable font for a data table

What's the best font for a data table? Monospace is good but takes up more room, so you can't have as much whitespace between the items. Similarly, what are some good usability principles for data ...
7
votes
3answers
3k views

Filtering through a large table of data, thoughts?

Example: I have a large amount of data, such as a library of blog posts, or a massive amount of contacts, I am thinking that a data table visually would be the best way to display all this data, it is ...