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)

4
votes
3answers
287 views

How can I show that data in a table is related to other data within the same table?

I have a table where every 6 entries of the data are loosely related. How can I show that these sections of data are related without adding a separate column explicitly saying so? I've tried to ...
10
votes
2answers
794 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 ...
1
vote
2answers
105 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 ...
1
vote
3answers
88 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 ...
1
vote
1answer
31 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
35 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 ...
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 ...
6
votes
5answers
305 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 ...
3
votes
2answers
52 views
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, ...
1
vote
1answer
44 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
49 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.
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
67 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 ...
4
votes
3answers
111 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
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
81 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 ...
2
votes
5answers
86 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 ...
0
votes
0answers
98 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
58 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 ...
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 ...
2
votes
1answer
57 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 ...
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: ...
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 ...
4
votes
5answers
124 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 ...
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 ...
1
vote
1answer
130 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
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
91 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
127 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 ...
2
votes
2answers
135 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
98 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 ...
0
votes
2answers
77 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 ...
2
votes
2answers
117 views

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

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 ...
0
votes
0answers
32 views

Add free-form text body to datatable

We're redesigning our a page of our web-based application after complaints that this particular page was too data-dense. The page currently has 6 filters at the top and a data table with 10 columns. ...
0
votes
0answers
49 views

Best way to fit free-form data body below a table row

We're redesigning our a page of our web-based application after complaints that this particular page was too data-dense. The page currently has 6 filters at the top and a data table with 10 columns. ...
1
vote
1answer
76 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
227 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 %. ...
0
votes
3answers
86 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 ...
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 ...
4
votes
1answer
37 views

How to accessibly specify units in a table?

I'm working on a web page with a series of charts that are built from visually-hidden HTML tables for accessibility - the idea being that the tables present the data in a form suitable for screen ...
2
votes
3answers
82 views

Should I set maximum table width?

My app has a page that contains a table with about 10 columns. Should I limit the width of the table to some maximum to prevent too much whitespace inside the table rows, or is it a bad practice? If ...
1
vote
1answer
82 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 ...
0
votes
1answer
118 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
3answers
137 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 ...
2
votes
1answer
91 views

Is it more usable to display information in a table-like display?

I am trying to display information about the last time a remark has been changed. For this I have to display the Author, the region, the date and time. This information will appear in a tooltip on ...
0
votes
3answers
139 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 ...
2
votes
1answer
103 views

Where is it better to position an Add combobox - below table or on top of table?

I have a table that can be filled with pre-configured items. I also have a combobox that user can select an item from it - either by scrolling it or by starting to type and using auto-complete (the ...
0
votes
1answer
33 views

Is adding a “Total” description redundant in spreadsheets?

I'm making a spreadsheet for the PC I'm building, and I wondered if the Total description at the bottom of the Price column is necessary. In terms of user experience, is it already understood and ...
0
votes
2answers
46 views

How to indicate that an element in a grid is the current one

I'm working on a real-time web application that has a grid displaying a a list of elements that can change continuously. Currently, I'm just displaying a checkbox "Is latest" for development ...