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)

6
votes
3answers
192 views

Indented row headers

We have a screen layout where we have several columns to display. The problem is - you guessed it - real estate - to be able to fit all columns. This is for desktop, tablet and mobile screens. One of ...
5
votes
3answers
243 views

What are the best practices and/or guidelines to replace a table on mobile apps?

I was asked to create a small and likely simple mobile application to display evaluation and its details. Problem is that the person who created the wireframes was clearly thinking on a website ...
1
vote
3answers
135 views

In a data-table, should actions be on the left or right

When working with tables, I prefer to place actions that are specific to the row (i.e. edit, delete, etc.) within the row. Sometimes I use an action menu, sometimes it's an edit or delete icon. ...
0
votes
3answers
59 views

Displaying couple of independent tables with different loading time

I got a webapp dashboard with couple of tables (around 6 tables with fixed order usually not fit on page without scrolling down the page). Tables are filled out with a data provided form backend - ...
0
votes
0answers
75 views

Display Table With Conditional Columns

I'm looking for insight on how to effectively display tabular data to a user where not all rows have data for specific fields/columns. Here's a simple example - I have a list of reports that I want ...
2
votes
3answers
208 views

Group rows in a table

It is very common to see tables on web applications nowadays but is not that simple to see tables with groups of rows. I have a table which can have multiple groups of rows. Each group can have from ...
1
vote
1answer
109 views

“Select all” and search field in a table

I'm looking for a solution that will allow to send specific items by clicking "Send". The selection of these items should be done while allowing: Adding specific value by search (narrows results on ...
1
vote
2answers
94 views

How to show row related information

I have a grid of selectable rows. Each time a user selects a row a new panel will come from the botton of the page to show its related "Events" and "Comments". This way they'll be able to access ...
2
votes
1answer
59 views

Best data formatting for sorted and unsorted lists (names, dates, etc) [closed]

Anyone have guidelines (ideally backed up by scientific study) for the best way to format data in lists/tables/grids? I'm arguing with my group about name formats--I think we should always display ...
0
votes
2answers
137 views

Displaying add & edit note actions for each row in a table

I work on a web application and i have a list of users. On each user i can do some actions (Enable/Disable and Add/Remove Tax). Now my users could have need to add some note on a row, for example I ...
2
votes
2answers
249 views

Pagination with Accordions

I am using accordions in a table where the rows expand to reveal more information about the selected row. While from an information perspective this is working well because we are being able to give a ...
1
vote
3answers
84 views

Why does too much customization feels dull and disjointed?

We are developing a saas program for the ecommerce platform. Each product has a name, price, sku, description, variant and etc. By going into a product page, users can edit each product. Instead, our ...
1
vote
1answer
50 views

What should take priority when highlighting a column and a row?

Background I have a table with a bunch of data that is connected to a map. The table row and table column can both be highlighted through different ways Rows get highlighted when the user clicks on ...
0
votes
3answers
66 views

Show items added by user [duplicate]

I'm working on a Inventory System where users make orders using a form. The user will fill a couple of fields and then he will choose the products that he wants. I'm wondering on how to show the ...
1
vote
2answers
263 views

Data Display of Tables: Table Cells with Must-See Values

I have a data-driven web app with horizontal resolution limit of 1280px, yet up to 15 columns (table cell data varying between 0-255 characters). I wouldn't like to display data on multiple rows as it ...
0
votes
1answer
167 views

Best way to show tables with less data

We have several pages that display data in a tabular format. We have a standard table design that we follow that has footer which includes pagination. What I would like to know is when we have less ...
0
votes
3answers
152 views

What are the best practices for sorting tables with sections?

When you have a table with sections, the sections denote a hierarchy for instance: Name Corners Perimeter - Standard Shapes 7 ...
3
votes
3answers
649 views

User inputs into tables

I'm working on a desktop-based app, where there is quite a large number of inputs the user needs to enter. I'm struggling to present the data to the user in such a way that looks good, whilst still ...
0
votes
2answers
56 views

What should be the column title in a grid which shows checkboxes, where sorting is enabled?

I am looking for a title for the checkboxes where sorting is enabled for that particular column. Since they're checkboxes, I'm not sure what the title could be since there isn't any descriptive factor ...
2
votes
2answers
49 views

Should the row numbering of a table update if a row gets removed?

I have a table with automatic row numbering and the user can delete rows. My question now is if the row numbering should update if a row gets removed. Are there any UX drawbacks from doing so? I ...
1
vote
6answers
160 views

Indicating that text was user-modified

My application includes a simple table/grid view, that is initally populated with money values by an automated calculation. Users will usually just take the values as they are, but they have the ...
4
votes
2answers
140 views

Sortable & Filterable Table - Best place to return to once filter cleared?

I have table of records, of which three columns are sortable by ascending/descending state. This table is also filterable. The name column is clickable, which then loads the webapp's version of an ...
0
votes
0answers
89 views

Web app UI to fit in to a mobile screen

There is a web app that has a UI like this. Let's call this the estimate builder. The user can add as many estimate items as he wants by clicking the blue button at top right with a plus sign. Also ...
0
votes
0answers
37 views

Is it permissible to toggle selection of items in a table with a single click?

I am working on an (existing) UI that has a feature where the selection in one table drives the content of a second table: Table 1 shows a list of notifications, Table 2 shows a list of bank ...
0
votes
1answer
85 views

What is the most easily understood message for “View More” for a table cell?

I have a cell in a table that is holding some data that can be exceptionally long. I have to crop the data and only display the first ~40 or so characters, and I'd like to add a link or button below ...
0
votes
4answers
70 views

Reconciling temporal relevance with awareness of existence in categorized item tables

I'm displaying an overview table of items. The items have a: category a date additional, domain-specific information that needs to be displayed in the same view On the overview list, only one item ...
3
votes
2answers
161 views

Adding multiple filters in a table

Is it recommended that the filter is hidden at all times displaying its elements on request or have them upfront ? Image 1 : All filters displayed Image 2 : Add filters on request
1
vote
1answer
127 views

Deleting a row from an iOS table view

In iOS applications what is the recommended way to delete a row from a table view. The table view is displaying a list of topics. Should I be swiping on the row to remove it or pressing edit at the ...
9
votes
4answers
2k views

Table with actions per row

One of the pages in our web app includes a table that typically has a few dozen rows for each user, and it takes most of the page's width (5-8 columns). For each row, users can perform 3 possible ...
2
votes
1answer
76 views

Singe table where items can be filtered and reordered

My goal is to design UX where users can reorder very long list of data (800+). User has to have an ability to filter the list. Users should have an easy way to quickly move many items to the top and ...
1
vote
2answers
159 views

How to transform desktop UI to smartphone UI?

I have a live demo here, based on HTML, CSS, JS and Metronic. It's currently planned to be displayed on desktops, yet it's quite responsive (a little bit...) and I'd like to convert it to be displayed ...
3
votes
2answers
62 views

Group zebra striping in a dynamic table

My question is kind of related with this other one but with a big difference: the zebra striping of my table does not depend on the odd or even rows, but on the grouping of them. Now, the table ...
1
vote
2answers
111 views

What do you expect to see when you click an order's item?

we are building a site in which you can purchase products, virtual products and virtual courses. Now the 'My Purchases' page got some complications. We are displaying the orders in a table with the ...
5
votes
1answer
305 views

helping user select html table for copy

This seems like it would be a common problem, but I couldn't find a discussion in a google search. Users often want to copy data out of html tables (off of web pages) so that they can paste the data ...
3
votes
1answer
41 views

Hourly Time Brackets Notation

I'm designing a table where the columns represent time in hourly brackets. My question is whether there is a convention for the notation. Do you think option A is self explanatory that the bracket ...
3
votes
4answers
233 views

How to indicate data in a table is clickable on a touch device?

For users on a touch device, what is the convention for indicating each figure (cell) is clickable to a page with information on where the figure originated? On desktop it would be easy to have a ...
3
votes
5answers
213 views

What's the best way to show multiple errors associated with a table row?

After loading some files I get a table that looks like the following: The picture above shows that 49 rows were processed, of which 33 are okay, 8 have warnings and 8 have errors. Now, each rows ...
1
vote
2answers
275 views

Should bulk-editing functions be hidden until a table row is selected, or is there a better solution?

As an example, MailChimp displays subscriber lists in a table/data grid. Notice that while the user can select one or more rows using the check box at the left of each row, he doesn’t know what ...
1
vote
4answers
406 views

How to filter tables/list views?

I know, this is a very broad question and there's a lot of context to consider, but how would you offer quick filtering of large data sets (tables/list views)? Currently, software products in our ...
7
votes
3answers
197 views

Should the input for a new item of a wishlist be at the top or the bottom of that list?

I was working on an idea for a public wishlist web app that a user will be able to manage: "New item" is an input field that gets focus by default. Right now when I enter "5th Item" and press Enter ...
0
votes
0answers
160 views

Clever way to display a large set of data in an interactive table

trying to figure out a clever way to present a large set of data 25 categories - 45 items. Was thinking about a cross table do display the data as its beneficial for the user to see the common ...
0
votes
2answers
848 views

Material design - Data tables

I'm trying to design website using Google's material design guidelines. On desktop, my site is basically navigation drawer (on the left), header (app bar) and the content area. All what I want to ...
1
vote
2answers
293 views

When using tables - is it better to show a sort indicator by default or only after sorting?

We have several tables in our software and for most of them there's the possibility to sort the entries. When opening a new view with a table there's also a default sorting for most cases, which means ...
0
votes
2answers
258 views

references for table alternative

Do you have any references you can link me to, where I could display this data, but not in a table? This will be used by 500 to 10000 people, and they want to have : drag and drop for re-ordering, ...
0
votes
1answer
122 views

Multiple Buttons or Links in a cell?

I am trying to find out what the best approach in term of UX that a cell can have two buttons that associate with Sessions or Calls in each Date columns? The value of Links/Buttons are the total of ...
0
votes
1answer
76 views

Consistency on tables with readonly / disabled fields (including inputs, dropdowns and buttons)

In a table (datatable) I have editable rows as you can see in the mockup. Under some conditions rows' input, dropdown and button must be readonly or disabled (unchangeable). The important note here ...
1
vote
1answer
162 views

Tabs within an expandable/nested table

Has anyone tried a solution where you have a nested table where you expand a row and get a set of tabs within the area? If so, how did the user experience it? Was it obvious what happened and how the ...
1
vote
3answers
169 views

A User-Friendly Table - What Solution?

Today, this is my table and if I select one of the row, it shows a select icon. I want to make it more user-friend that you can see the whole row to be selected. Gmail has that functionality. In my ...
0
votes
1answer
95 views

How to indicate insertion of a new record into table with pagination

I'm looking for a way to indicate successful addition of new record to table. I have two main elements on my page - a form used to add new records and, below, a table displaying all the existing ...
1
vote
1answer
109 views

How to let a user know of a clickable area

I'm creating an application (Android for starters) which will have a list. I want to create a special column headers that the user can press on (press on the entire column header section; not on each ...