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)

3
votes
2answers
246 views

Action inside a table vs. Specific screen for the action?

So.. My webapp is targeted for Human Resources departament. The app has a screen that list Positions. Now I'll have two new requisites in the application which are: The user might be able to ...
2
votes
1answer
759 views

What's a typeable symbol to indicate “starts with” in a filter field?

I am building a custom data grid control. The users do a lot of sorting and filtering. I want them to be able to do this with only the keyboard. Currently they can filter columns by typing in the ...
3
votes
1answer
813 views

Textarea inside of a table. Avoid?

We need an input in a table cell. Table is used for representation of the data. Table can be sorted, it has a border 1px. Depends on the business rule input will be either validated, accepted or ...
4
votes
3answers
375 views

A good way to display tables with sub-headlines

We are developing a web tool to allow users to combine different HTML templates to project variants. Each template has specific settings that can be combined with the project variant. The table ...
3
votes
3answers
289 views

Presenting partially overlapping tables

Let's say we have a grid displaying a bunch of devices, where each row is a device. The devices have performance data and configuration data. Some users are going to be interested in the performance ...
6
votes
4answers
452 views

How can I avoid placing a legend on top of the table to tell the user what each icon means?

You can see an example here: As you can see, I am stuck with having to tell the user what each icon means. I also mention what a functionality does, such as "Click on a feature to filter out ...
1
vote
0answers
335 views

Can I get some inspiration on displaying visualization for a tabular data in addition to displaying it in a table? [closed]

I need to display a report on back end data. The report is basically the distribution of Vendors by devices on the network. I am using jquery datatables for my tabular data and google charts treemap ...
1
vote
1answer
333 views

Displaying Lists on Web and Mobile

I need to show a list of items - some thing like browse all the records on the web and mobile. Basically its a list of startups and information about the same. this is a basic version i have come ...
6
votes
3answers
326 views

Should table rows be numbered?

I've created a a form that generate a list of results in a table. I'd to know if it's interesting to number each row of table, the default number of row is 20. there is a pagination too. 20 results ...
17
votes
2answers
18k 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 ...
5
votes
3answers
210 views

Should a table's head label eventual buttons?

Should a table's head (i.e html <thead>) include the label for eventual buttons or actions? Consider the following examples. Example one, with label (notice "Modify" in the head) Example two, ...
4
votes
3answers
1k views

What is the best model for editing and viewing data that is summarized in a table?

I am designing a web application that has several tables displaying many rows of user entered objects. My users are fairly technically savvy. I’d like to bring the user to a place where they can view ...
2
votes
4answers
248 views

“Delete all” entries across several pages of results

I have a web-page I am working on which simply returns a list of entries from a database. Over time, say, if ignored for a month, this list can grow to roughly 100 pages long. The user has the option ...
2
votes
2answers
289 views

context menus within a collection

Here's something I come across fairly frequently: A large collection (list or table) of items serves as an overview, displaying only the name of each individual item (with a link to the respective ...
3
votes
5answers
4k views

Comparison table design

I'm trying to design a product comparison chart, which provides details of various features (10-15) available across different similar products (25-50) in the market. The first thought I get is to ...
0
votes
1answer
199 views

Fixed row headings for a wide table on a mobile website?

This question is a continuation from this discussion. We have a very wide table with approximately 12 columns that lists a stock code. The first column lists the stock code and name and the ...
2
votes
4answers
1k views

Showing ASC/DESC icons intuitively

The current interface for my application has two drop downs, the first has the columns that you can sort by, the second has the direction which can be either ascending or descending. While the user ...
1
vote
2answers
175 views

The order of two tables presented side by side

In my desktop application, there are two tables presented to the user side by side. Each table displays a list of people. One table displays all the people already assigned to a role (let's call it ...
2
votes
2answers
1k views

display a table of data with action to add new row

i am making a dashboard for an app system that plays songs from soundcloud. How would you recommend adding more songs to the list? I was thinking of having the form as another row at the bottom but ...
3
votes
5answers
531 views

Matrix question type in mobile

I am working on a tool for conducting surveys through the web. One of the most common question types is represented with a table, where the column and row headers form the question, and the rest of ...
4
votes
4answers
636 views

Suitable way of editing table entries

What is the best way to enable editing in a table that only exposes a fraction of the fields? Inlay? Overlay? Separate Page? download bmml source – Wireframes created with Balsamiq ...
2
votes
2answers
2k views

Best way to display more table columns and rows than I have room for?

I have a similar problem to what is mentioned in Best way to display more table columns than I have room for?. But to make things a little more difficult, the table has approximately 1000 rows and 64 ...
5
votes
2answers
265 views

How to layout buttons/bars alongside a dynamically sized table?

I have a table of data with a dynamic number of rows. It could have none, one, or a hundreds. The width is fixed across the web page and it has a fixed number of columns: 9. Along with this I ...
4
votes
4answers
334 views

Long tables and graphs on one page: how to share space?

We have a site with one page that has a big table, that we also want to add some graphs to. The table could quite easily fill up the whole page, both in terms of width and height, so the question is: ...
3
votes
1answer
1k views

Responsive Pricing Table

I am designing a simple Landing Page which has 2 lines about the product and the Pricing Table. I want to Make a Responsive Layout for Mobile. Not sure which is the best way to display the Pricing ...
4
votes
3answers
341 views

Use hover effect on a non-link item. Is it advisable?

I have a list with many items, something like a row, some icons and text are clickable but not the entire row. Would a hover effect confuse users ? EDIT: Actions on the row are edit and delete.
3
votes
3answers
383 views

Displaying a large number of tables

We're designing a search feature which returns results from many different tables. The user searches for something and the application returns all the tables answering the search query. The user ...
3
votes
4answers
312 views

Display temporary action in table

I have a table with a bunch of data in it that needs to be reviewed by a manager. The requirement is when they review a line of data (ie, a customer order), they can click something to indicate they'...
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
3answers
270 views

In a sortable table, should sorting by a column of identical values result in any change in ordering?

Lets say we have a sortable table like this: download bmml source – Wireframes created with Balsamiq Mockups It seems obvious that if I click on "Employee", that the table should reorder ...
6
votes
3answers
8k views

What is the standard on displaying wide tables on mobile devices?

We need to display wide tables (10+ columns) on our new mobile website. Is the standard to: Scroll Horizontally without any indication that the visitor can scroll to the right (like Google Docs) ...
2
votes
3answers
676 views

how to provide a good user experience for drilldown/click on a grid to external divs

My interface has a table (a nice, sortable table with 3 or 4 columns), which represents the summary of some data. Each row represents an important piece of data. At the moment if users click on a row ...
0
votes
1answer
120 views

Presenting comparable data series with varying frequency

I've a data design challenge that requires the presentation of data where the data is comparable (can be plotted or presented as a table) but who's data points are inconsistent. Inconsistency occurs ...
2
votes
1answer
312 views

Long content in Tables

What is the best way maximize readability when displaying variations of long/short text within table?
3
votes
2answers
484 views

Improving readability by aligning elements in rows

What's the best way to improve readability, when you have elements that change length like a name moving other elements, creating misalignment
5
votes
2answers
2k views

Mouseover to reveal more data in a table

I have a table containing users like so: download bmml source – Wireframes created with Balsamiq Mockups In the system, users can associate multiple emails with their account. When the ...
1
vote
1answer
225 views

How can I design a UI for iOS with a diamond shaped drill down interface?

I have a basic drill down interface for iOS devices. A -> B -> C -> D The problem is that the following interface would work equally well: A -> C -> B -> D What I need is some kind of diamond ...
2
votes
2answers
492 views

How to display wide table on the report

I have two datasets with 50 columns and 1-100 rows. I need to display comparison of these two datasets in a report (standard letter). So, say my first dataset is as follows: Name Price Qty ...
5
votes
3answers
755 views

Defining relationships between many users in one UI?

We have a UI on a web-page, where relationships between users can be defined by admins. Users are divided to two roles, in this case "Lorem" and "Lorem ipsum". Right now a relationship between ...
2
votes
3answers
342 views

Interface Question for Showing Tabular Data?

I am writing a report generating system where result is shown in a tabular data. The Result appear in a table with information like Hierarchy | Title | created | updated | Available |Accessed | ...
7
votes
2answers
1k views

What do UX guidelines say about dropdown boxes in table cells?

download bmml source – Wireframes created with Balsamiq Mockups I have been trying to look at Apple Interface Guidelines and Windows UX guidelines about what standard behavior for drop down ...
11
votes
1answer
495 views

When to save data?

When should I save data in an business application? We have a lot of applications and currently they have not all the same behavior. I am not very experienced with UX and would like to know when I ...
2
votes
1answer
550 views

How to accept multiple types of input to a table cell?

I have a problem with a column in a table in which the cells may receive data in multiple ways: You may write a number, say 1.0. If you write you can only write numbers. Place an object in the cell, ...
12
votes
7answers
1k views

How to make it obvious the contents of one table are based on the selected row of another?

Given a dialog with two grid-style tables, what's the best approach to visually showing that the selected row of the left table is what populates the right table? The best I can think of is an arrow ...
4
votes
3answers
512 views

Option for switching between a table or a list view necessary?

I have noticed that a lot of web sites that contains product category pages give the user an option to toggle between a list view and a table view of their products. Usually the only difference ...
9
votes
4answers
527 views

Is moving columns in a tree table automatically bad for UX?

I have a tree table that allows the user to group columns arbitrarily. Is it bad UX for me to move the grouped by columns to the front of the table right next to the tree controls? Would it be more ...
2
votes
3answers
283 views

Min. opt. and max. value of a small field

I've a three digit input field which has a predefined upper and a lower bound, all within a table. The field also has an optimal (requested) value. So there is a min. an opt. and a max. What is a ...
11
votes
4answers
4k views

How should times be aligned in a column

I have a data grid of three columns of type [Time, Decimal, Decimal]. All records in the decimal columns have the same number of decimal places. I have right aligned these as they're numeric. But I ...
7
votes
2answers
484 views

When is a table the proper way to present data?

UPDATE: added mockups We are in the process of designing a web application interface for administering an online store. In such an interface there are pages for managing products, orders, customers, ...
14
votes
7answers
1k views

Research behind row height within a table?

There appears to be a trend in web-based table design to use a lot more space for each row in the table. In particular the new gmail default of "comfortable." I'm also seeing it in the height of the ...