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)

3
votes
2answers
194 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
42 views

Compact, Intuitive Ways of Displaying Tags of each Item in a Table?

I haven't an iota of user interface design background and I'd like some feedback for this page: ...
8
votes
4answers
1k views

What is the best way to show the user large amounts of data?

I am working on an application with a team that has roughly 2 years of data. This data is shown through multiple visualization methods. Part of the application is a settings panel, which lets the user ...
2
votes
1answer
552 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 ...
4
votes
3answers
377 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 ...
6
votes
5answers
481 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 ...
1
vote
3answers
237 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 ...
2
votes
2answers
156 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 ...
10
votes
2answers
952 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 ...
12
votes
1answer
3k 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
256 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
102 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 ...
73
votes
11answers
8k 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
52 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
59 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
106 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
3answers
109 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
134 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
127 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
61 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
98 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
240 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
253 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
27 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
123 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
128 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
93 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
183 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
1answer
220 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
103 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
255 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
172 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 ...
28
votes
5answers
19k 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
69 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
45 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
57 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
131 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
193 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
102 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
158 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
136 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 ...
1
vote
2answers
143 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
144 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 ...
11
votes
2answers
266 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
0answers
38 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
77 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. ...
2
votes
3answers
105 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 ...
4
votes
1answer
45 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 ...