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)

20
votes
11answers
10k views

How should large table columns be handled on a responsive design?

Related to This Question, I'm interested in what I should do with a responsive design theme where the users have control over the columns which are displayed in a tabular, data rich page. Users are ...
8
votes
3answers
6k views

Best way to display more table columns than I have room for? [duplicate]

The web development office I work for is working on a fixed-width web site. On one page, we have a table inside of the fixed 960px space available. So far, this table has worked out great for us, but ...
9
votes
3answers
8k views

Table data in Mobile phones

I want to display a table with 4/5 columns and possibly 100 rows (as in desktop app right now) in smartphones. The table cells are also editable. Now we want to port this desktop app to smartphones ...
8
votes
4answers
2k views

tables with lots of columns

I have a table that lists various attributes of an individuals personal development plan; objective, time to complete objective, comments etc. The table is editable so the user can directly add ...
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 ...
67
votes
7answers
8k 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 ...
54
votes
4answers
6k views

Is there a better way than zebra stripes

Currently we are working on a project that includes many datatables. Before deciding to use zebra stripes to make datatables easier to manage, I wanted to ask if you could advise a better solution ...
20
votes
4answers
12k views

Responsive Design - How to deal with wide HTML Tables

I am doing a proof of concept with responsive design. One web page that I am modifying has some extremely wide tables. I really don't know how to shrink the tables width so there is no horizontal ...
8
votes
4answers
1k views

How to present heavy data tables on smartphones?

Problem: I've got a table with 10 columns and ~100 rows. What is the best way to present these on small screens? My idea: effective search + data displayed row-by-row. Is there any better solution?
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) ...
5
votes
2answers
874 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 ...
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 ...
9
votes
2answers
1k 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. ...
11
votes
6answers
446 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 ...
10
votes
1answer
411 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 ...
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 ...
8
votes
5answers
781 views

Zebra striping in dynamic table

Here's a hypothetical question partially inspired by a real scenario. Assume that you have a table with many rows of data. This table isn't static; rows can be dynamically altered, added and removed ...
1
vote
4answers
553 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?
12
votes
8answers
1k views

How to avoid repetitive actions in table rows?

We have a table with data and actions on each row like so: Name Email Description Actions James james@gmail.com Desc 1 Edit Export ...
6
votes
2answers
964 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 ...
5
votes
3answers
178 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 ...
3
votes
4answers
479 views

Combine edit and action column?

In the table below, you can see the first column contains what I called the "action menu" and some examples of action could be: email, create task, send letter, create paycheck... The second column is ...
1
vote
2answers
438 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; } ...
6
votes
4answers
272 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 ...
5
votes
4answers
203 views

What might be the fastest way to delete (or modify) records from a tabular interface?

When managing huge number of records, its often a huge time confusing task when selecting a certain set of random records to do some task on them like, deleting, deactivation, activation etc. ...
4
votes
3answers
774 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
555 views

Tile vs Table/List view: Do they need to display exactly the same information?

I am currently working on a design (for a school/teacher app) that displays information about students. Two different views are offered to the user: tile and table view. The argument among people on ...
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?
2
votes
1answer
438 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, ...
1
vote
2answers
297 views

What is the best way to display linked text?

I always was curious about the following question: What is the best UX way to present a text that act as information and also as a link (for example to more detailed information). I always ...