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)

5
votes
2answers
2k views

Displaying a large number of columns in a table

I have a Twitter Bootstrap based table with responsive CSS. Everything looks good but, when I try to put more columns than the size of the table supports, I have a line breaking. I tried to change ...
3
votes
2answers
662 views

Best practice for sorting and being able to “check all” in a table with checkboxes

I have a table as part of a form for which users can click the header row to sort by that column (and click again to reverse order). The table also contains checkboxes, and clicking the checkbox in ...
15
votes
6answers
2k views

How to show the user the possibility to sort a column with space problems

I am working with a big table with 20 columns and a lot of information. I know that the most common way to indicate that a column is sortable is by adding a little arrow at the right or left of the ...
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. ...
3
votes
2answers
138 views

How to distribute selected listitem through a table (days of week)

What 's the best way to do the following : I want to distribute my employees among the specific periods in the week My current UI is like that on The right side : The list box of employees and ...
1
vote
2answers
718 views

Best aesthetically solution to overflowing data in a table

I have the following table which I created as follows: <html> <head> <style type="text/css"> html { background-color: #fff; } body{ text-align:center; } ...
-3
votes
2answers
570 views

Why do people still like and use tables in HTML? [closed]

I meet web developers from different levels of experience and backgrounds and some of them like tables for everything. Divs are great and tables are to be used only when it is required. Can anyone ...
8
votes
3answers
246 views

How to load data into a table based on the selection in a tree?

We are developing a web application that has a screen with two parts. On the left side we have a tree where the user can check or uncheck specific items, even leaves or nodes in the tree. If we select ...
6
votes
1answer
140 views

Notify users with deactivated JavaScript that “secondary” functionality is missing?

On http://xmpp.org/xmpp-protocols/xmpp-extensions/ there is a table listing items with different statuses (active, obsolete, final, …). When JavaScript is activated, there is a filter widget above ...
4
votes
3answers
519 views

Action menu placement for bulk actions in a grid

I have been playing with an idea of placing a bulk action drop down menu for a grid/table in the header of the column where the selections are done. This is to save some precious space above the table ...
0
votes
1answer
920 views

Handling selection and navigation in the same table view cell in iOS

I've a list of items in a table view, each of which display a small image and a name, as well as a disclosure indicator to navigate to a view with the item's details: The behavior I want is to be ...
77
votes
7answers
12k 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
0answers
605 views

Expandable\accordion table row example [closed]

I would like to to present the users with a set of data, in a table\grid and when they click on a row, instead of taking them to another page with a form, to expand the row (like accordion) and show ...
2
votes
1answer
944 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 ...
12
votes
6answers
518 views

Method of showing that a row has been edited and will be changed upon “Save”

What paradigms exist for denoting that a row of data has been modified and that a Save action on the view will change them in the data store? Which paradigms are recommended? A few that we've ...
3
votes
2answers
231 views

Less noisy cell buttons on a table

I have table where almost all of its cells are a button that works independently. When I add a 3D button-like design to each cell, the table becomes a large chunk filled with buttons and looks a ...
5
votes
2answers
99 views

Incorporating new (unrelated) data on an existing table

We have a big table where user enters hours for each day of a time period (14 slots for day inputs) each row represents a task. the Dev team wants to incorporate tasks from another system into that ...
4
votes
4answers
421 views

Better to Show Empty List or Default List?

This is a web application for people to manage a large database of stuff. When the user clicks on the a button/link to "View Their List of Stuff", is it better to present them with a populated list or ...
7
votes
4answers
2k views

Best way to show long list of detailed information for summarized items in a table?

I'm working on an application page for an insurance company regarding purchasing policies and showing all the detailed information that comes with the policy. The problem I'm facing is knowing how ...
2
votes
2answers
1k views

Adding paging, sorting and filtering toolbars to a table

I have a bunch of report views, which essentially are tables. They should enable the user with sorting, paging and filtering capabilities. My idea is to add those features via menu-bars. Paging ...
1
vote
3answers
424 views

How should I design a table with clickable rows?

I have a table with information about all loans a client had. This table looks like this Book_Id | BookType_Title | StartDate | EndDate | ---------+----------------+-----------+---------------+...
2
votes
3answers
405 views

I have a large list (100+) of items to be listed on a landing page. What's the best way to do this?

As the title suggests, I need to list over 100 items on a landing page. I'm hoping to make the page as responsive as possible. I don't think a table is the best option, and I'd also like to stay ...
4
votes
1answer
6k views

Best way of editing rows and row details of a UITableView in iOS

I have a table view which may have several items (rows), which in turn have more information that I want to be displayed in another view by tapping the row (common scenario). The point is, I'd like to ...
7
votes
4answers
2k 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 ...
5
votes
2answers
1k views

Filters on top or on side of the table

I have 2 options to show filters for a table. One option places filters on the top and the other on the side of the table. For both options we'll give users the ability to hide the filters (by ...
4
votes
2answers
383 views

Fixed items on table list - how should I paginate it?

I have a table list that consists of two areas: The top area has 'new' items which require attention and action from the user. It is important that these are noticed. The other area includes the ...
7
votes
3answers
454 views

How to organize multiple information popup areas over a table?

How might you best organize multiple popups over a table when both the table content and the popup content are equally important. Scenario: Tabulated data, for which the user may be interested in ...
9
votes
10answers
623 views

Is it better to represent simple labeled information as table or just text with subheadings?

I'm redesigning a website that has some simple information presented as a table like this: download bmml source – Wireframes created with Balsamiq Mockups I read yet the again the Label ...
10
votes
5answers
692 views

Zebra striping for body text?

The general consensus is that zebra striping a table makes it a little easier for people to keep track of which row they're on...but is this reduction of cognitive taxes only for table rows? I at ...
7
votes
4answers
484 views

Merge multiple table entries

I am building a widget to merge Records. Lets say, this table is information on Cars. There are variable/data points like VIN, Milage, etc.. Now, there may be more than one entry of the same car in ...
3
votes
1answer
262 views

Table Comments and Actions

I have a table where one column is a 'Comment' section with a textarea where users can add a comment and save it for that row. I'm trying to think of the best way to implement this. There are a ...
3
votes
2answers
470 views

How to indicate required fields in columns in a table?

In a form indicating which fields are required are often indicated by a asterisk (*). How should I indicate that a column in an editable table contains required fields? One of the options is to add a ...
2
votes
3answers
1k views

Pagination of tree structure tables

Ok first things first. I did not design this layout but all feedback is appreciated. I have a web app that takes in a user file and spits out a table. the table also has hierarchy. Lets say its a ...
11
votes
4answers
754 views

What should happen when I add a Row to a paginated, sorted list

A user wants to add an item on a sorted and paginated List. If we keep the list sorted, the item might be on another page than we're viewing and if we just add it to the top of the list it will break ...
5
votes
3answers
231 views

Improve display of date range inside a table

I have been taking a look at this post, but it is not exactly what I am looking for, plus I have hour and minutes and is inside a table. My current table is this one (bigger image): The problem I ...
0
votes
2answers
186 views

What is a good way to display a ranked list in a table cell?

I have a set of metrics to fill each row of a table. And each metric has some factors, usually, there are about 10-20 factors for one metric and they are ranked by their importance as well. Now I ...
10
votes
5answers
13k views

Best way to represent null and empty data in an excel file

We have an application that allows users to design their own forms and export the data to excel. One problem is the representation of null or empty data. There are two scenarios that we need to ...
5
votes
2answers
224 views

Unintentional link clicks in table rows

The problem In a desktop application, our users browse a lot of tables. Some cells contain links. Link texts look the same as other cells', except from when hovering, when they turn blue and ...
5
votes
3answers
1k views

Multiple similar tables with varying column widths

When multiple forms are displayed on a page that display the same type of data, grouped into categories, is it OK for the columns in each table to be varied or should fixed widths be used to enforce ...
5
votes
3answers
234 views

Form for property rent prices depending on season and length

Seeing the similar post about Form for inputting operating hours of a business, I am hoping you might help me with a similar issue. We run a holiday property rental website. Properties can be rent on ...
14
votes
4answers
1k views

Making space for the “drop cue” in a drag-n-drop design

I'm developing a drag-and-drop reordering interface for books on shelves. (You can try it live if you're on the latest WebKit.) When you drag a book over a shelf, it accommodates space for it by ...
1
vote
1answer
292 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 ...
4
votes
1answer
235 views

Is it better to have a modal or an inline entry for a table?

I have a styled table containing first and last names in each column and nothing else. As part of the usage of my app, people will be entering names. Should I: Have the "add" button launch a modal(...
0
votes
3answers
238 views

Displaying data criteria based on users weight/importance

Users are presented with a categorized list of criteria for them to choose the level of importance. After filling out the form, how should I display their result? The left table is easier to scan ...
1
vote
7answers
472 views

Possible functions for a column in a grid, list or table

I'm working on a portfolio management system at an investment company, which will include a list of stocks held and their attributes such as name, issuer, market price, value etc. These will be listed ...
3
votes
3answers
836 views

Show more information from a table row

I have a Table which contains some basic information for a Product. Upon clicking a row, I wish to show more information (on the same page) for that product where a user can edit certain information. ...
1
vote
2answers
243 views

Is there a better way to layout this UI using the Microsoft Office Ribbon?

I am building a Microsoft Outlook VSTO addin and I am trying to figure out the best way to lay out the UI and from looking through the office apps i can't seem to find the right layout pattern that ...
3
votes
1answer
458 views

Three-dimensional matrix of tristate selections

I am building a configuration UI for a client's desktop application. This could be called metaconfiguration, i.e. it allows the client to determine which options are actually available in the eventual ...
2
votes
3answers
239 views

Only show table columns when users are filtering its specification?

The initial table display shows the required information like name and price. name | price If the user wants to filter the product on a specification like weight, the table adds a weight column ...
5
votes
4answers
346 views

Adding a state to a control that indicates a row hasn't been saved yet

I'm working on a web application that users use to approve a bunch of items from a list. Imagine, say, an expense report that someone has to approve every item that's listed. Currently, the system ...