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
1answer
304 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
313 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
223 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
252 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
273 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
237 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
2answers
232 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 ...
7
votes
2answers
4k 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
184 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
724 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 ...
1
vote
4answers
180 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
174 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
2k 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
136 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
444 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
155 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
489 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
337 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
437 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
208 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 ...
3
votes
4answers
273 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
703 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
301 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
320 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
250 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 ...
13
votes
4answers
990 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
184 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 ...
5
votes
2answers
4k 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
420 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
98 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
239 views

Long content in Tables

What is the best way maximize readability when displaying variations of long/short text within table?
2
votes
2answers
335 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
1k 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
185 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
353 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
378 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
279 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
814 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 ...
10
votes
1answer
395 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
412 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
637 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
343 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
358 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
226 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 ...
9
votes
4answers
2k 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
382 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, ...
12
votes
7answers
680 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 ...
6
votes
2answers
859 views

Best way to do 'bulk edits' on a table

I am building a web application for managing a list of products (using jqgrid). I need my users to be able to perform several 'bulk actions' on whichever products they select. I have copied Gmail ...
0
votes
0answers
55 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 ...