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

How to style table headers?

Default styling in popular CSS framework such as Bootstrap styles headers with title case and bold text. Question Is there any proof to sustains this choices as it makes the headers more salient ...
11
votes
1answer
1k views

What some alternative ways to present tabular data instead of the standard table in the UI?

What some alternative ways to present tabular data instead of the standard table in the UI? I don't want the data to be displayed in formal tables with rows and columns. Is there any way of grouping ...
1
vote
2answers
84 views

How to present different layers of data detail in one table

I am developing a dashboard for an ecommerce software which shall give some information about webmasters that deliver customers through their ad campaigns to this ecommerce. The requirement is to ...
3
votes
2answers
94 views

Saving space on sort-function in table-head

I'm working on the sort-interface of a table. So far I've come up with two versions with space saving in mind. Also I try to bear in mind the difficulties that come with toggle-buttons. (see in this ...
70
votes
11answers
7k views

How to display duration (HH:MM) so it isn't confused with clock time

I have a table in my application that shows dates along its x-axis, and different statuses along its y-axis. The table keeps track of how much time an employee spent in a given work status (on duty, ...
2
votes
1answer
56 views

Does it make sense to put search result filters on the left in a table in which each column is filterable?

Looking around at high-profile sites such as eBay and LinkedIn, it seems pretty standard to show filter options on the left after a search has been performed. It also strikes me that the results shown ...
0
votes
3answers
134 views

How could a webpage containing multiple tables be displayed effectively?

I am designing a user management tool where users will be made up of several groups. Each group has its own table, but the table headings need to be sticky. Example of a table with a sticky header ...
0
votes
2answers
220 views

Providing grid summary

We have a grid listing some data and then there is summary, which is also a grid. What is the UX pattern/ideas/designs to display both? If there is an operation like clear (which should clear both ...
1
vote
1answer
80 views

Displaying hierarchical data in table

I have a table which contains some data. It's a list of 'types' where users can view 'types', add 'types', edit 'types' and delete 'types'. These 'types' may also have 'subtypes' that also need to ...
1
vote
0answers
50 views

Best way of displaying table data on ipad - grid vs list

I am struggling with a option for displaying tabular data on an Ipad I've split the right hand side into the options: Top, normal table layout. Advantages: can fit lots of rows into view. Can spot ...
3
votes
2answers
411 views

How do I edit a table of text items in iOS?

I am looking for help editing a list of text items (names) in a table in iOS. I am using a simple table that displays the name of an item (first mockup). Currently, I allow the user to enter Edit ...
0
votes
2answers
343 views

How do you design UI with multiple forms within a table?

My current UI: Notable points: gray row(s) including the input fields on the left, and the Save button towards the right, are part of a single form. Del button on the right is a form entire ...
1
vote
1answer
29 views

Best way to present table where you can override table values

Say you had a table that is pulling pre-filled data. The user has the ability to review this information or override the pre-filled data with something custom. I'm not sure how to best present the ...
1
vote
2answers
33 views

Edit controls for list same page or new page?

Could anyone offer feedback on the following design. Basically the user selects an item in the list from the left and they can edit the details on that item with the controls on the right. I am ...
6
votes
4answers
281 views

Accessible and Responsive Tables?

I'm looking at creating a large multi-column table within a web app. However we are experiencing a challenge whereby none of the solutions fit the bill 100% and we are wary of just choosing one ...
0
votes
2answers
58 views

What is the best way to indicated available features in a price comparison table?

I'm currently working on a pricing table for a product that has 3 separate tiers. Some of them lack certain features etc. We've been debating how to mark the table cells to indicate what is included ...
0
votes
1answer
117 views

What is the best approach of presenting a tabular data with search options in android?

We've developed a POS system that is in use by multiple retail stores which we'd like to port to an Android version. I am wondering what the best approach for displaying tabular data with search ...
2
votes
1answer
98 views

Make a table full of (text)data more appealing, both graphically as UX-wise

For a project I need to list a lot of data, and I mean a lot :) Technically the database spawns a 3 column table containing text data (unicoded characters, words). Due to the endless possibilities and ...
1
vote
1answer
117 views

Inline table edits: how to make it quick to edit?

I'm dealing with a data table with a large number of columns and rows. Because there are so many columns, I'm thinking of putting in something that scrolls horizontally and vertically while fixing the ...
0
votes
3answers
82 views

Showing multiple navigation trees

I have a tricky interface to design and was hoping that the more seasoned UX designers here could give me some ideas or perhaps point me in the right direction. I have two entities : A DocumentType ...
2
votes
2answers
119 views

What is the best way to split first/last name and company columns in a table?

We offer a web service that has some entries that are people and some entries that are companies. We currently list them in the same column, but we have gotten some requests for the ability to search ...
2
votes
4answers
108 views

Cognitive strain by reading data in tables?

I would like to know if there is a study made about the cognitive strain that there is (or isnt) on reading dataheavy tables. I know there is a lot of help out there for how to make tables easier to ...
1
vote
1answer
43 views

Apply All option after selection option of combox

I have a table with a set of rows. Each rows contains a dropdown box to perform an action over the row (see this example). But I want to give a possibility to user to chose if this action will be ...
1
vote
2answers
48 views

Where should table filters and search be placed?

Any ideas on whether filters should be on the left or right of a table? What about search? They both narrow down the contents of what's in the table.
4
votes
3answers
110 views

Tables with a lot of rows - where should the delete option be?

Question regarding how to handle large tables with many rows: Where should the delete option be? I see many examples placing the delete icon or text on the far-right of the row. Is this best ...
2
votes
3answers
134 views

is it good practice to keep my table rows inline-editable

i am kind of struggling with tables with a lot of data that need to be editable. The table holds financial data. The table has about 12 columns for which at least 10 need to be editable. For the ...
0
votes
1answer
19 views

Is it ok to change table caption depending on user choices?

I have a table listing available jobs. By default this table shows all jobs. The table caption is now "Available jobs". If the user make use of the filter functionality the result is filtered and the ...
1
vote
4answers
64 views

Data tables - what's column should be first?

When creating a table with a lot of rows and a number of columns, what is the recommendation for which column should be first and most important? An example scenario for the data table would be a ...
2
votes
5answers
83 views

How should inline up and down button affect the selected row in a table?

In this table there is an up and down button per row. If the user press up for the second row, should the third one keep the selection or the selection should me changed to the first (previously ...
2
votes
2answers
79 views

Best way to show comparable lengths of time?

Given a table of information (or other list) where the length of time something took is important, what is the best way to show a length of time that can easily range from a few seconds to many hours? ...
1
vote
1answer
78 views

How can users specify the sort order of a table in ascending/descending order with multiple sort keys?

I'm making a music player app and I have their list of songs with various properties like the title, track number, artist name, album name, etc. I need to let the user sort their library by these ...
0
votes
0answers
91 views

Multi level Master Detail Single Page

We're building an application and on the main maintenance page the customer has asked for all the data to be presented on one page in a hierarchical format. There is a lot of data and quite a ...
0
votes
1answer
54 views

Nested data in a Grid or Table - how deep is too deep? [duplicate]

Iā€™m reasonably sure we all have that love/hate relationships with grids or tables when it comes to nested data. Over the years I have grown intolerant of anything below one level down, and work ...
3
votes
5answers
73 views

Rating multiple items at once - looking for examples and ideas

I'm looking to present users with a data table of items to be rated on a scale of 1-5, or rejected (e.g. marked "Not Interested"). Basically, I'm envisioning a table of rows like: |ITEM NAME ...
8
votes
2answers
185 views

A kind of 3D table (showing correlation between 3 variables)

Tables allow us to easily see how 2 variables (for example "Employee" and "Time") correlate. For me the main benefit of this view is that you can easily find answers to two kinds of questions. Like: ...
4
votes
5answers
122 views

Is a product feature list suitable to display in a table?

On an ecommerce site (say selling T-Shirts) each product has its own page, and the page will have information about the product. Aside from unique things like photos, descriptions and reviews etc ...
25
votes
5answers
15k 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 ...
0
votes
0answers
49 views

How to let a user choose from a list of menu options

I have the following task: Design a website which offers menu options for a week, whereas on each day you basically have 2 options to choose from (Soup is always fixed): Soup Menu 1 Menu 2 Now I ...
0
votes
1answer
39 views

Does a different behaviour need different visual design?

in a form i'm making, a user needs to select a certain service level agreement. To select the right one the user can first define a couple of parameters like company, customer, contactperson,... For ...
0
votes
0answers
41 views

Is there a better way to display account information to the user?

I need to come up with a better solution on how to display account information. The interface needs to have the potential of showing up to 30 day transaction history per account and there will be ...
1
vote
4answers
88 views

How to best display a single row search result in a table

The previous version of the application returned a single match by itself. Now the match will be seen in the context of the whole table. Anchoring to the row and highlighting it works when there are ...
3
votes
3answers
126 views

Cards View Vs Tabular View

I am in the process of redesigning an interface with a lot of Tabular data that is previously simply used as tables that look like the 19th century. I was a bit confused whether to switch it to a Card ...
0
votes
3answers
77 views

Icon Placement within a row

I have a table with template names and the actions available will be shown in the form of icons next to the names. There are two options. Option 1 Icons next to the name(left aligned) appearing on ...
2
votes
2answers
131 views

Admin table with many rows, init state?

We have a system where we are creating a new Admin portal. In the portal we have tabs with tables like DataTables and 15 rows per page. We have around 100 000 rows and making dynamic fetching from ...
3
votes
2answers
92 views

Is there evidence that text in a table vertically aligned middle is easier to read compared to vertically aligned top?

I have an html table and there is one column that is much taller than the others and I am trying to get a recommendation if I should be vertically aligning the rest of the columns to the top or ...
8
votes
5answers
1k views

Table Checkbox side best practices

When is it a best practice to allow for checkboxes to appear on the left/right and side of a table? A wireframe came across my desk looking similar to the wireframe below. The justification the team ...
0
votes
2answers
74 views

What's the best way to choose between twisty and plus/minus icon?

When designing collapse and expandable rows, are there certain ways to choose between using a twisty icon vs a plus/minus icon? Below are examples I've taken from google search --- With a twisty ...
1
vote
1answer
75 views

Sorting a Paginated Record Set User Experience Expectation

we have built a grid / table of records with a paginator control. So you paginate through 25 records at a time. At any point, you can click the header cell to sort by that row. If you are say on the ...
10
votes
2answers
224 views

Should percent sign go into the header or the cells of a table

We've been debating this question with a client. In a table which displays percentages, should the percent sign % be displayed once in the header of the column Header (%) or in each of the cells 80 %. ...