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)

0
votes
1answer
10 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
36 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
16 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
57 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
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
60 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
31 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 ...
8
votes
4answers
593 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
51 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
95 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
45 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
85 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
76 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
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 ...
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
93 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
94 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
108 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
159 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
75 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
199 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
94 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
77 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
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 ...
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
3answers
111 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
50 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
65 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 ...
1
vote
2answers
89 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 ...
3
votes
4answers
175 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
76 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: ...
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? ...
4
votes
1answer
213 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 | ...
0
votes
2answers
80 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 ...
2
votes
3answers
113 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
61 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 ...
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: ...
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 ...
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 ...
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 ...
10
votes
2answers
949 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
255 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
232 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
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
57 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 ...
6
votes
5answers
470 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
148 views
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, ...