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
2answers
635 views

Too many checkboxes in a table?

A user should be able to change the settings for 5 different options for each day of the week at the same time. I was thinking of something like this, but it seems a bit messy... Too many things ...
6
votes
8answers
383 views

Alternative to color code in table cell

I am currently redesigning an LOB application that makes use of color coding in tables to 'categorize' each row of data. For instance, in the picture above, the 'St' column (which stands for ...
2
votes
4answers
461 views

Drop down menu best practice question

I am working on a page containing a tabular list of schools (see http://www.guidetoonlineschools.com/online-schools/non-profit). This list contains the name of the school, data on its tuition, ...
6
votes
2answers
2k 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
822 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
186 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
100 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
255 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
191 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
862 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
4answers
557 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?
1
vote
1answer
1k 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 ...
4
votes
1answer
5k views

UI Patterns for tables with many columns

I have a table with many columns,this table displays without scroll only on 21 inch and larger monitors. If there is a ui pattern for tables with many columns?
3
votes
1answer
69 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 ...
11
votes
6answers
447 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 ...
0
votes
1answer
546 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 ...
3
votes
1answer
1k 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 ...
10
votes
6answers
3k 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 ...
2
votes
3answers
173 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
85 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
448 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 ...
2
votes
2answers
215 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
388 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
343 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
316 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
231 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
267 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
286 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
258 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
239 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 ...
8
votes
2answers
5k 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
188 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
775 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
182 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
198 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
145 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
496 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
160 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
549 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
358 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
467 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
219 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
285 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
754 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
306 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
330 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
260 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 ...
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 ...