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)

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 ...
13
votes
4answers
738 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 ...
6
votes
4answers
397 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 ...
2
votes
1answer
251 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
2answers
239 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 ...
-1
votes
1answer
225 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 ...
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 ...
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. ...
7
votes
3answers
787 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. ...
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 ...
7
votes
2answers
3k views

UX for filtering a table of data

I have a table of data that can be filtered by name, location or status. The data of each of these columns will be obvious to the administrators of the Portal (i.e that the first column is child's ...
2
votes
4answers
1k views

Boolean table cell values - best way to show Yes/No

I have a table with some columns showing Boolean values of Yes/No. What do you think is the best way to show it? Several alternatives I can think of are: Leave the Yes/No labels Utilize a ...
5
votes
1answer
258 views

How to add a details link on a table when each cell is already a link?

I have a table on which each cell is already a link to a different section (eg. the row contains 'Name', 'Location' and 'Type' columns and clicking the name cell takes you to the Show action of that ...
0
votes
1answer
124 views

Default column width for text data in a table

I'm designing an application with a data table. The data is backed by a C-style string (that is to say, a char array) so I know the maximum theoretical width using my proportionally-spaced typeface. ...
3
votes
1answer
287 views

Charts or Tables

I have been working on a dashboard where a chart and a table are requested. However, both would contain the same data. For instance, it is required that a country map is shown, with the values of ...
2
votes
1answer
272 views

Is it a good experience if a table pagination doesn't refresh the whole page but only its own area

I'm working on a UI pattern thing for an ERP system. the problem is about the table pagination.a common table have a pagination, I'm fine with that. Here is the problem, if there is a lot of content ...
1
vote
1answer
1k views

Are there any recommendations for the look of Metro UI table?

I can't find any Metro UI example of medium-size table (to give you an idea, min. 5 columns with text and numbers and min. 5 rows). For instance, when table is wide, it's useful to use alternate row ...
1
vote
1answer
2k views

Multiple selection in an iOS picker view

The iOS SDK doesn't have a multiple selection picker view. However Safari's picker view allows multiple selection. Fortunately ALPickerView was created to allow multiple selection in a picker view. Is ...
1
vote
4answers
1k views

Column headers in a table functioning as input boxes for filtering

Is it a good idea to use column headers as input boxes for filtering the results in a table?
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 ...
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 ...
3
votes
1answer
78 views

showing list of sorted contacts when some contacts don't have names

I'm showing the user a list of customer records. It can happen that for some records the user created a new customer but didn't enter a full customer name or a company name. When I'm showing the list ...
0
votes
1answer
760 views

iOS Table View - How to divide/filter different data

I'm wondering what the preferred choice would be to divide/filter data in an iOS Table View. The two options I have thought of are: Use sections in the Table View Use a Segmented Control I believe ...
4
votes
1answer
3k views

Using JQuery DataTables to display many columns

We have a large document archive. It is built similarly to how a Cassandra Database would store items having column names and column values stored for each item. This can lead to having way to many ...
12
votes
6answers
6k views

Best way to show many user actions for table rows?

I currently have a table which shows a row for each created form a user has. For some users this will only be 1 or 2 items. For others, they'll have 40-50. For every form there are many actions ...
14
votes
7answers
974 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 ...
2
votes
3answers
237 views

How to map dependent attributes into a table?

Is there a pattern, which allows mapping the following datastructure to table columns? The clue is, that there are 2 attributes, which depend on each other, one should be entered, when the other was ...
2
votes
1answer
104 views

Displaying selection based attributes in a table?

I have a table column, where data should be entered through a dropbox. Depending on selection an additional value should be asked. What is the best way to display this value in the table?
1
vote
0answers
611 views

What is a dynamic alternative to UITableView? [closed]

Ok, so I have a normal viewController that has a UIScrollView in it that gives details about distilleries. What I wanted to do was have a list of spirits that are distilled at the distillery that they ...
3
votes
1answer
708 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 ...
3
votes
3answers
272 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 ...
1
vote
0answers
325 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
320 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 ...
10
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 ...
5
votes
3answers
207 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, ...
2
votes
4answers
227 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
271 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 ...
2
votes
4answers
934 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 ...
0
votes
1answer
193 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 ...
1
vote
2answers
172 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
490 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
603 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 ...
4
votes
3answers
337 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
374 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 ...
4
votes
4answers
320 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: ...
5
votes
2answers
259 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
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 ...
3
votes
4answers
300 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 ...