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)

1
vote
6answers
77 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 ...
0
votes
0answers
12 views

How to Swipe a entire row in a vertical table from left/right? [on hold]

I am creating a vertical table with one row data at first, but when i tried to swipe it from right to left the second row data should be on visible row with css transition effect.I can able to get the ...
2
votes
0answers
22 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
1answer
13 views

Load More on the tabular Data?

Do any body suggest to have "Load More" option on the tabular page where in you have 100 + records to display? How easy is to see all 100+ records in one page?
0
votes
0answers
41 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
1answer
61 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
0answers
21 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
81 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
2answers
82 views

Add drag and drop items to multiple places in a tree

I'm struggling with a problem relating to a drag and drop system. I’m designing a complex system that allows the user to configure a decision tree to get to a price value. This system simplified is ...
0
votes
1answer
27 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 ...
0
votes
1answer
61 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
33 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 ...
3
votes
1answer
207 views

Fling cells in table view

I'm currently working on a concept that allows user to "fling" table view cells in the reordering process (you can watch my short demo here). I have broad experience with iOS apps but haven't seen ...
1
vote
3answers
96 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 ...
4
votes
3answers
309 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 ...
8
votes
4answers
611 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 ...
1
vote
1answer
58 views

Columns or Rows: Showing data in grids or lists [closed]

When presenting a list of quite detailed information (lets say a title, a date, a number, and then several paragraphs of description) which provides the better usability; rows or columns? Why? ...
2
votes
1answer
55 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 ...
2
votes
2answers
120 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 ...
1
vote
2answers
98 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
46 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 ...
5
votes
1answer
78 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 ...
5
votes
3answers
675 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
282 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
4answers
114 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 ...
1
vote
2answers
87 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 ...
3
votes
1answer
33 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 ...
0
votes
2answers
225 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 ...
3
votes
4answers
108 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 ...
1
vote
3answers
116 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 ...
1
vote
2answers
95 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 ...
0
votes
0answers
205 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 ...
7
votes
3answers
160 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
76 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 ...
1
vote
2answers
96 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
1answer
78 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 ...
9
votes
8answers
686 views

What is the best way to indicate read-only cells within a table?

I have many tables, actually data grids, where most of the cells will be editable, but some may not depending on the users permissions. I am thinking of using light gray backgrounds on the read-only ...
0
votes
1answer
40 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 ...
0
votes
1answer
72 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
2answers
90 views

iOS Design Question: Table Cells

We launched an internal app yesterday for the company and of course this was the first time my boss's boss decided to take a look at it. He's one of those guys who comes in, takes a big dump in the ...
0
votes
1answer
51 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
67 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 ...
3
votes
4answers
180 views

How to handle lists with 10,000+ entries?

I'm working on a feature that will allow administrators to manage lists of resources (people, vehicles) that number in the thousands. One client even has over a million entries. Making a simple list ...
0
votes
4answers
78 views

Alternatives to using “frequency words” like yearly, monthly, quarterly

I have a client who's using a table to present several row of data. The data has one row showing how often certain activities should be performed. It looks something like this: ...
3
votes
2answers
183 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 ...
4
votes
1answer
214 views

First character of table column name in upper case

I have a table with the following column descriptions.: | Titel | bisheriges Ablaufdatum | neues Ablaufdatum | |:-----------|-----------------------:|:-----------------:| | First | ...
2
votes
3answers
115 views

How best to label a column that contains values of different units?

I am presenting tabular data. One column represents the size of a shape, however the shape itself may be a line, area, or volume. So size values can be in units mm or mm2 or mm3. However, I only ...
1
vote
2answers
63 views

How to visualize identical cells in a data table

I have a time series grid for which there will be sparse data, as changes won't happen often, as shown: I'm wondering what the best way to display cells when there haven't been any changes is. The ...
1
vote
4answers
272 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
4answers
40 views

When entering the name of a custom column to be added to a table, should the edit box be inside a column header?

When users are allowed to add columns to a table in a web app, where's a good place to put the edit box where the user can type in the new column header name and/or choose from an auto-complete list ...