Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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.

0
votes
0answers
28 views

Nested forms that are expandable (multiple levels)

I am struggling to find a good solution or good examples to this problem: I have a table of elements that are hierarchical with tiered levels. (ex. Classes -> 3 courses -> each course has multiple ...
1
vote
2answers
87 views

Which of these cryptocurrency charts communicates percentage gain or loss in the most clear manner?

Cryptocurrency websites have been popping left and right for some time now and it seems they are already trying to establish patterns around their tools. One of the things most websites assume is that ...
0
votes
2answers
78 views

Confused with what to use - List vs Table

So, I've been browsing for an hour now regarding what the best practice is for this and the majority of what I read is to use e table for tabular data and a list for lists, which makes sense. However, ...
3
votes
5answers
194 views
+50

How to show that an element has been previously modified

Note: I've been through the following questions and, while they do provide some useful insight, they are all really old (2010, 2012) and not really a duplicate of my use case → 1, 2, 3 I have a ...
0
votes
1answer
21 views

How do you show a current table row selection when there's multiple table pages?

How do you show that a table row (data choice within that row) has been selected in a multi-page table if you are viewing another page within the table that does not contain the selected row?
22
votes
4answers
3k views

Where should a newly added item go in table?

Admin tool. Table with thousands of items (users) sorted by name (from A to Z). The table has a pagination. Let's say you are on page #16 (out of 999). You are adding a new user. Where should the ...
2
votes
0answers
54 views

What are some standard patterns for formatting numerical values with a wide range of values like cryptocurrency prices? [duplicate]

I am trying to build a screen where I need to display cryptocurrency prices. The problem with these prices are that some of them such as BTC have 2 digits after the decimal, some of them have 4 while ...
0
votes
0answers
29 views

Best practice of single select row on table

On the website I'm working on there are tables with multi-select row function to trigger some actions. Here is the current implementation of the table. Buttons to trigger the actions are placed on top ...
1
vote
2answers
44 views

Tables - Freeze columns functionality

We are building a new table wherein it allows the user to freeze any columns in the table. The problem now we are facing is what if user freezes the 4th column in the table should the 1st, 2nd & ...
1
vote
2answers
71 views

“More” and “new” CTAs on table rows

I am creating tables in an application that shows the last 5 or so recently modified or created items. I want to be able to show that there are more rows (when there are more rows) but I also want to ...
0
votes
2answers
35 views

Item count behavior in table title

I have item count in table title that show all data count in system like this But when user filter date and only have 7 data count on this. Should item count in table show only 7 or have another ...
0
votes
1answer
43 views

What should I do to get user know about scrollable content in the project/course

The project I am making has tables in it. I am working on responsive now. Big tables that do not fit in a small device, I have given them vertical scroll. So my tables look like this in desktop and ...
0
votes
2answers
59 views

Displaying categories in tables

I am designing a table for my company's dashboard. I need to show type of the data shown in the table. So far there is 6 type categories: Job ads, E-mail campaign, Display ads, Event, Referral and ...
0
votes
0answers
39 views

Display errors in table cells

We have a legacy app with large tables. (Not going to change in the near future.) Looking for research or articles on displaying errors for cells in the table. change border to red. Add an icon and ...
0
votes
2answers
248 views

Put large table and form on one centered layout

I'm currently developing a quite complex and growing website that has centered layout. These are some of the layout rules: Table width are 768px in default, but if not possible (overflow) the table ...
1
vote
1answer
44 views

Searching through .rtf files in table grids

question - this is a table, and the user is trying to search for keywords under the column 2. However, the column 2 has a list of .rtf files. Can they search for a keyword inside the .rtf? Any advice/...
2
votes
2answers
112 views

How to highlight table cells whose value has changed from initial value

We want to highlight those table cells whose value has changed from initial value. For Ex: Table with initial values : ITEM Alloc(%) ======= ======= Item1 10 ------ ------- Item2 30 --...
2
votes
3answers
105 views

Representing relationships/hierarchy within an otherwise flat table view

I have a standard table view which is used in a number of places in an online cloud portal. It's used to list servers, products, firewalls and more. As I begin to build views for the firewall listing ...
1
vote
4answers
173 views

Display large table with many columns using Material Design [closed]

I have the table below: I want to show each table row using a Material card view. Something like this: Is this a good idea? Is there any better approach? Edit: i understand the table usage , but ...
0
votes
3answers
86 views

Visualizing large tabular data

I'm trying to find the best way to visualise the following tabular data. Problem: There are several channels and each channel has two platforms. The value of the channel's platform could range ...
3
votes
1answer
129 views

A table within a table - Table Inception

Here is a little UX problem I'm working on right now and I'm posting it here because after a lot of research, there are not many good examples of this out there. The context: Consider this as a web ...
0
votes
2answers
60 views

How would I mark that a cell value has been edited in a grid

I have an excel like grid and I want to somehow mark what cell values have been edited (and changed back to normal after pressing the save button) I was thinking about changing the number/background ...
0
votes
3answers
175 views

How to represent a list with one item?

I have an application which generates a table of information. One of the columns may contain more than one business name but often only contains one business name. Semantically, the column contains a ...
1
vote
1answer
62 views

How to configure the same value in all cells in row

I have a table in which I want to set a value for an entire row. In excel and such, after you enter a value in one cell you can copy it (expand but "pulling" the cell edge) to other cells. Do you have ...
0
votes
2answers
70 views

Long List and details in same panel

I'm Using bootstrap collapsable panel to display a list of items (revisions) in table format, I want to display the details of each item in the panel next to the table, this looks cluttered now, ...
3
votes
2answers
234 views

In tables should date/time/year in table be left or right aligned? [duplicate]

I would like to know whether the date/time/year should be right or left aligned in data tables/table? Some articles mention right align, while some left align. Is there any standard followed ...
0
votes
2answers
63 views

Show, or not show grid at empty search state

Can anyone help answer this question? I have a set of search fields, whose results will populate a table. As an initial state, should the tables have a message saying - ' No results yet' or should ...
0
votes
0answers
57 views

Designing a UI for nested and dependent content with logic?

Context: This is a configuration screen for the following points: Department Room Bed Logic is as follows: A department can contain rooms, rooms with beds, just beds (without rooms). The current ...
5
votes
2answers
370 views

How to design a very complex table/search structure so that it caters to both advanced and basic users?

This is a "templated" view of a search popup I'm designing for a map application. On desktop it is a floating popup, on mobile is a full screen popup. Here's a gif that shows it working in context : ...
0
votes
2answers
117 views

Can a drop-down have radio button?

Can a drop-down have multiple options like selecting between views, Freezing the 1st column & customizing the columns? I'm kind of confused whether the drop-down can have this feature. If yes, ...
1
vote
1answer
70 views

Having Trouble with Nested Line Items in a Mobile App

I'm trying to figure out the best UX for the following situation, in which we are developing a mobile application that will work with the database from an existing web application. In the web ...
1
vote
0answers
90 views

Alternative to side scrolling table for an infinite list of X-Axis checkbox items

I have a problem in which there is a table that does not have a predefined amount of columns or rows. i.e., for both the X and Y axis there is no limit. This invites a high probability of the user ...
1
vote
1answer
78 views

Choice of UI widget for marking item in list as unsatisfactory

I am prototyping an HTML5/CSS3 input form where users enter some details about goods received in relation to an order. They are able to mark items as accepted though unsatisfactory (e.g. arrived zinc-...
1
vote
0answers
52 views

What is the name of the type of product page where multiple part numbers are listed in a table/chart?

In web design circles for B2B ecommerce, I often see references to a type of product page where multiple products are listed in a single table/chart. Instead of there being a single product with an "...
0
votes
1answer
58 views

Nested Folders selection

I'm working on a selection in which I have a list of folders. This is the structure: Let's say I want to select a folder. The folder, its children, and future children will be selected. First ...
1
vote
2answers
403 views

Is it logical to use tables for responsive web design in 2018?

As the title says I was wondering whether using tables for responsive web design still a thing in 2018? What are the pros and cons if I do use tables instead of semantic markup apart from SEO?
1
vote
0answers
19 views

Common deleting column table interactions

Was curious if there were any clever interactions to delete columns in a table. An example is deleting a column table in excel: 1. Right mouse-click opens menu key 2. Click Delete > 3. Click ...
2
votes
2answers
80 views

Null value or Empty display

Firstly, I am not sure if this question is suitable for this community or not. I am working on creating a report table that is given to the user after compiling some data. Now in the table cell, I ...
3
votes
1answer
131 views

Way to fit a more than 20 columns wide table in PDF?

I have a table with more than 20 columns. This table is displayed with scrolling on a website. I have to scale these columns for a PDF export. Is there a UI pattern that helps fitting these columns ...
2
votes
2answers
55 views

Call to action button within/out of a table on a pricing page

I am wondering if there are any points/reasons regarding UX in defense of either one of those two solutions: the CTA outside of the table at all or in the bottom "section". Not minding the colors ...
3
votes
3answers
132 views

How to add one or more items to the table row?

Context I'm working on very complex enterprise solution. We have this table that shows list of let's call them contracts. Every contract (row) can contain one or more customers (and one or more ...
1
vote
1answer
50 views

Avoid table with empty cells

We need to show the list of students with their scores who study different subjects. Putting it in a table results in a lot of empty cells (as shown below). What is the effective way of showing the ...
1
vote
1answer
294 views

Action Menu on table

I was recently working on a table project and I came up with an issue. I have a table where each row has a set of actions as "Add to bookmark" "Add to CRM" "View Full Screen". So here showing this ...
1
vote
2answers
115 views

How to let user know that he cannot do an action because he selected too many items

in our internal business application we have a list of results. The user can do two different actions: open (and edit) a record view the history of a record Now both of these actions can be ...
1
vote
1answer
415 views

Best way to show nested tree-model data in HTML tables

I'm making a webapp, that will mostly be used on desktop, is not intended to be used in mobile (at least, the dashboard area) - so that's no problem for me... Let's say I have some data-model that is ...
0
votes
1answer
87 views

Which is best way to add a new line to a table?

Here are 4 propositions about adding a line in a table (the red button): For me, the best way is the last one with the fat add_button. Can you make me sure it is the best way?
0
votes
0answers
32 views

Table View for IC Pin Mapping

I'm reworking the "pin table" feature of KiCad. Currently, this table allows users to quickly verify that the definitions for the pins on an IC match those in the datasheet, by providing a read-only, ...
0
votes
1answer
73 views

How to show missing values in table rows and columns?

Approach 1 Show NA for missing items Approach 2 Show - sign for missing items I have a table that displays crypto prices, volume etc. There are often times when I don't have data in a particular ...
4
votes
2answers
277 views

How to align prices in columns when both 2 digit and 4 digit variations of a price exist?

I am trying to display data similar to coinmarketcap with prices for coins, some above 1$ in which case they are rounded to 2 zeroes, some below 1$ in which case they have 4 digits following the ...
0
votes
1answer
65 views

Ideal way to implement iOS drill down table on a website?

I have an iOS app that displays small bits of information in drill down tables. It's for a list of schools, and goes something like this: [press] Countries > (list of countries) [press] Italy > (list ...