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)

0
votes
0answers
60 views

Displaying table contents on small devices [duplicate]

Possible Duplicate: Table data in Mobile phones This so far is the only solution I found on how to design responsive table content so that it gives you a meaningful overview of the data on ...
5
votes
1answer
366 views

Interface design for managing overlapping date periods

I am trying to design an interface to manage which team a person belongs to at any point. I would like it to be really easy to make small changes (e.g. fix a start date for a previous team assignment,...
2
votes
5answers
2k views

What is the best way to hint that a table cell is editable?

I have a table with data, with several columns. This is a table used mostly for reading, with the possibility for a user to occasionally adjust some values. Most columns are informative only, and some ...
3
votes
3answers
856 views

Best way to show and sort by dates when the item may be repeating/recurring?

Currently this website has a list of FooBars, which may be sorted by date: I am adding functionality to allow a FooBar to be repeated, or a recurring FooBar e.g. Weekly on Mondays and Tuesdays ...
4
votes
1answer
619 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 ...
8
votes
3answers
11k views

Best way to display more table columns than I have room for? [duplicate]

The web development office I work for is working on a fixed-width web site. On one page, we have a table inside of the fixed 960px space available. So far, this table has worked out great for us, but ...
11
votes
3answers
13k views

Table data in Mobile phones

I want to display a table with 4/5 columns and possibly 100 rows (as in desktop app right now) in smartphones. The table cells are also editable. Now we want to port this desktop app to smartphones (...
0
votes
1answer
283 views

Diagonal Scrolling rationale [closed]

I m trying to find rationale for implementation of horizontal scrolling on a mobile web browser for a table. The following are the one's I could think of, if you have any other rationale in mind or ...
3
votes
1answer
383 views

What is the most intuitive way to force users to enter certain cells first in the new row of a data grid?

It was suggested that I post to this site the first half of a question I posted on StackOverflow. Paraphrased… I have a data grid (in my situation, Microsoft's .NET platform using WPF) wherein I ...
1
vote
3answers
743 views

Data table multi value column

I have a table containing incoming invoices. I have to show additional information about the sender of the invoice. So I figured out that I can nest Sender name and his Tax ID in one row with quite ...
7
votes
1answer
1k views

empty cells in accessible html tables

For an html data table in which each row represents an item (such as an email) would screen-reader users prefer empty table cells to be empty or to have a placeholder like a dash? In my brief ...
26
votes
12answers
29k views

How should large table columns be handled on a responsive design?

Related to This Question, I'm interested in what I should do with a responsive design theme where the users have control over the columns which are displayed in a tabular, data rich page. Users are ...
0
votes
6answers
417 views

Appropriate icon for: Activate [closed]

In an application were developing there is a window containing a table holding 2-5 rows. A metaphor for the context could be that the table identifies a gearbox of a car and each row is a gear in the ...
3
votes
1answer
263 views

What's a good pattern for edit in place with hyperlinks?

I have a datagrid with many columns that I want to be able to edit in place. Some of the values in the table are hyperlinks. I want to be able to follow the hyperlinks and also edit them. The row ...
7
votes
3answers
387 views

Identifying multiple sort criteria

I have a table view with some data and I'm allowing users to sort on multiple columns. I wonder what are the options for indicating sorting precedence? The obvious is to display a number right ...
0
votes
1answer
134 views

Clearly show count and amount in the same table cell

What would be a clear presentation of something that the user counts and values at the same cell? for example, on a users table I want to show how many accounts and its total worth: | User | ...
2
votes
1answer
261 views

Alternative to a popup table

I need some advice please. I currently have a screen and the plan is to completely redesign it. But first, to tell what is does. It is a screen for managing orders, much lick a standard order form, ...
3
votes
1answer
247 views

Specifying default sort

I want to add the ability to specify a default sort to this interface. Currently it allows users to specify the order of the columns display and the default size. I am revamping it into a table form ...
1
vote
3answers
381 views

How to provide keyboard navigation in editable table that includes drop downs?

I'm designing a business application. When the user enters the main data entity in the application part of the form is tabular. Since some of the users will have an intensive usage of this ...
5
votes
5answers
2k 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 ...
6
votes
2answers
2k views

Better ways to display/interact with tabular data

Let's say for an example you display a list of category records or any type of records for that matter in a web page. Is there better ways of showing that list of records other than in a table? Or are ...
2
votes
4answers
2k views

Displaying a large data set in a table cell

What is the best way to display a large data set, e.g. 50 words, in a table cell? I am thinking maybe a linkable piece of text such that when clicked, displays a popup box with the full text. ...
8
votes
2answers
3k views

Column header alignment

What is the best practice to have a column header alignment, should it be left or center aligned? On click of the column header the columns can be also sorted. Numeric values will be right aligned by ...
3
votes
1answer
1k views

HTML table cell wrapping issue

One of the problems in a tabular representation of data, is text wrapping inside cells. There are some options available, like: Fixing the width of the columns, and enlarging the rows height to ...
2
votes
1answer
213 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
942 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
810 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
250 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
151 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 user-...
6
votes
2answers
537 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
926 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
357 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
459 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
556 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
160 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
232 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
763 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 ...
12
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
483 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
291 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
661 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 ...