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)

39
votes
7answers
3k 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, ...
0
votes
1answer
38 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 ...
0
votes
2answers
40 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 ...
0
votes
0answers
11 views

select the whole <td> on click instead of only the <a> inside of it [migrated]

ok here is the thing, I have a table where I have some <a>'s, what I want: make clickable the full <td> which contains those <a>'s. Pasting my code will explain what I want better ...
1
vote
4answers
57 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
94 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
76 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
63 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
78 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
82 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
47 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 ...
9
votes
1answer
979 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
1answer
46 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
177 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
48 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
117 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
36 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
95 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
38 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
79 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
117 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
123 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
84 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
69 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
1answer
92 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 ...
0
votes
0answers
30 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
45 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
70 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
214 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
79 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
1answer
79 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
36 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
80 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 ...
0
votes
1answer
63 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
102 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
128 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
90 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
123 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
97 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
45 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 ...
2
votes
2answers
116 views

How to render multiple levels of labels in a table to improve readability?

I'm having trouble searching for patterns like the following. I need your help and opinions on the most clear, readable option to show three levels of labeling pertaining to a same table column: ...
1
vote
1answer
87 views

Tabular data on a mobile device

I've built a responsive web application, and while its functional on mobile, it can be a bit clunky to use. It has a page with a table of students, contact information, contact person, edit page and ...
1
vote
2answers
115 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 ...
1
vote
1answer
113 views

Display two column table on smartphone

I've been somewhat struggling on how to display a two column table on a smartphone (iOS app specifically). My said that they would like something other than a boring UITableView to display the data. ...
2
votes
5answers
70 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 ...
0
votes
2answers
288 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 ...
0
votes
1answer
117 views

Web - Displaying data in a table

I'm currently developing functionality that allows the user to upload, what could be, a fairly large amount of data via an Excel upload. When the data is uploaded we will validate that and present ...
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 ...