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.

A user interface element, where content is displayed in a list form, usually used in the context of the user having the choice between viewing content as a list or in some other form (eg. grid-view).

0
votes
3answers
41 views

How can I signify the ability to edit something in a table?

In the below image I have a table where new IDs can be added by clicking the "Add ID" button and then each ID has entries that can be added to it. It seems confusing to new users but I can't think of ...
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 ...
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 ...
1
vote
1answer
26 views

Time Window Selection Component - For Data in “Bins”

Currently I have been asked to help someone create a component/popup that appears above a table that can allow users to select a time window (the terminology used here is "bin") that will then update ...
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 & ...
0
votes
2answers
46 views

How to display different categories and their totals in a table

I have a card that contains a large table. The table is made up of six different categories or groupings of data, and I am having trouble displaying it all in a simple and clean manner. Here are the ...
1
vote
1answer
72 views

How to show a table with 10+ columns in android [duplicate]

since the android screen is small to show a table with 10+ columns so, I was wondering what is the best approach to show this kind of table according to material design guidlines The data from ...
0
votes
1answer
64 views

Placement of data table delete/edit button

Using material design and making a desktop application. Should I add the delete and edit button on each row like this: or in the Color zone at the right (near the 3 dots):
4
votes
1answer
126 views

Multi functional table

I need your valuable feedback about a data-table I am trying to RE-design for a complex admin page. To sum up; There are "user roles" created on a page admin system. There are also "users" ...
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
175 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
0answers
47 views

Modal or In Grid for secondary action.

I'm working on a desktop application that deals with data tables containing a lot of information (20+ columns). On one particular page, the user needs to Accept or Reject rows of data. The user can ...
4
votes
1answer
61 views

Getting large amounts of information from users

Say I have an app that requires a lot of information or insights about our users to function, what is considered the best way of going about this? Thinking about forms, they would be too large and ...
2
votes
1answer
69 views

How to visualize versioned data?

I work at a SaaS company that has a product for entering accounting transaction data. We are building out a new feature for visualizing versioned data, and I am needing some help on how this could be ...
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 ...
2
votes
2answers
86 views

View/Edit mode used in data tables

I am working on data table for HR managers that implements in-line editing as well as drop-down menu with detailed options. In-line edit is a must as it will be re-used in dashboard for different pop-...
3
votes
2answers
235 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 ...
2
votes
3answers
136 views

Tables with many columns

I have a requirement to design a portal that has large tables with select delete requirement and numerous columns. The client needs a responsive table that would scale based on the size of the ...
3
votes
2answers
137 views

What's a good pattern for mixing bulk-able actions and single actions?

I'm working on a web frontend for an existing API. We currently have a table that looks like this: You can perform various one-time actions on items. At the moment, every action you can take on an ...
0
votes
0answers
61 views

What is the best way to show from and to date (DD/MM/YY) in table header column?

I am working on iPad UI which contains a lot of tables and the overall screen has a very limited real estate. In few table columns I am showing few numbers where table header is from and to date, ...
0
votes
0answers
47 views

Best approach for Data table with pagination and autorefresh

I wat a tip for my situation: I have a Data table with a lot of registers and this data table is auto refreshing in every 5 seconds. This data table also has a pagination, so if I navigate between the ...
1
vote
2answers
47 views

In a Diagnostics Report, should we prioritize data we think the user should care about more?

I am currently working on a diagnostics report that will output a green string of text if the test passed and a red string of text if it failed. However, the user is only ever going to be running ...
1
vote
2answers
71 views

Visualization for showing 31 different combinations

I have a dataset of customers and products they could have. There are a total of 5 different products (A,B,C,D,E). A customer can have any combination of the products, for example a customer can have ...
0
votes
1answer
67 views

Should the checkboxes for selection be aligned?

In case of hierarchical grid displaying nested data with selection checkboxes on the left column, should the checkboxes at parent and child level be aligned vertically in the case when the child rows ...
4
votes
1answer
117 views

Complex filtering

I have a data table that needs complex filtering. It is that kind of interrogation that needs "GROUP BY any-of-the-column" "WHERE any-of-the-column = value" "SORT BY any-of-the-column". I know ...
1
vote
3answers
78 views

How to communicate the user that they are leaving one informational space and go to the other when both of the spaces visually identical?

If the user wants to see the child data set and clicks the corresponding field in the "Parent data listing" the link leads to the next table "Child data listing". Both tables visually identical and ...
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 ...
3
votes
1answer
113 views

Tables with a lot of data for small screen sizes

It is probably not just me who finds responsive tables barely readable when using small screen devices. In most of cases they look like in example #1. I find this way completely impractical when ...
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 ...
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 ...
1
vote
1answer
215 views

What is the best practice for aligning table content for text/number mix? [duplicate]

What is the best practice for aligning table content for text/number mix? I know that for text/string content it should be aligned to the left and for numbers it should be aligned to the right of the ...
0
votes
1answer
142 views

Keeping table header in vertical format?

I'm designing a table. Would like to know the feasibility of this type of table? These values are a dummy. I have added table wireframe before & after scroll. When you scroll the table header ...
0
votes
0answers
174 views

Data table vs. List for search results

I've been working on a Vue.js public housing finder application using open data and I've been wondering if I should use a table for search results or just a list. There's a lot of columns and I know I'...
1
vote
0answers
91 views

How to display a two column table with limited data on a wide page?

I am trying to create a table with three columns but there isn't much data to display. There will be a select button, the item name, and the item's detail (which will be very short) What's the best ...
0
votes
1answer
157 views

Forms vs Inline Edition Tables

Before I explain my problem let me give you some background. The way our web application is being built I don't have control at all on the distribution of the inputs of our forms, they are being built ...
0
votes
2answers
286 views

Comparison of values in chart field cell

I have a situation that I could use help with. I've thought about every scenario possible and have ran out of ideas. Scenario: The user changes, make additions, or removes information in the system. ...
0
votes
0answers
39 views

Different Actions for Rows Nested in a Bigger Row for Tables

I'm designing an enterprise application and have a bit of a problem regarding actions in tables. It functions sort of like a nested row, in each row there's 3 smaller rows with different data inside ...
1
vote
1answer
100 views

Time Series with Multiple Attributes for Each Year

We need to represent a time series of data. The problem is each item has multiple attributes that go along the time series. In essence, it's something like this - a long time series for 100+ items. ...
0
votes
0answers
23 views

What are some creative ways to display huge tabular data to make the overall webpage design look good? [duplicate]

What are some creative ways to display huge tabular data (like 1000+ rows and like a hundred 100 columns), to make the web page's UI eye-catchy?
3
votes
2answers
632 views

Behavior for multiselect rows in a data-table

I have a data-table with the following features: Filtering (client-side) Column sorting (client-side) Pagination (client-side) Configurable number of rows per page. Multi-row selection for bulk ...
10
votes
4answers
4k views

Editable table in material design

we're designing a web application in material design and we have an editable table there - something like this: Any suggestion on how to indicate the editable fields, if not all columns are editable? ...
0
votes
2answers
163 views

How to provide ordering and sorting functionality in a table for creating reports

My purpose is to create a report which shows the size of set/s. For this, I am taking in minimum size & maximum size for each set. Along with it, I am supposed to capture the order type and the ...
2
votes
1answer
215 views

Visualising of Products Using Dimensioned Drawings and Tables

I´m currently planning to develop a software that generates a Product catalogue. The software reads data from the database then apply business logic in order to create the catalogue which will be ...
0
votes
1answer
154 views

Material Chips in table list

should the chips fill all the table cell width for clear alignment or is better to align them as they were a text element for better readability?
3
votes
3answers
654 views

ng-table UX design table-page and results per page controls

I was hoping to get some input about table-pages and results per page. our team uses the ng-table to display data in table format. I personally think the page controls are very confusing. I am looking ...
3
votes
5answers
5k views

Vertical and Horizontal three dots icon button usage

Despite the Material Design has great guideline documentation, I'm confused about vertical/horizontal dots icon for a Web App since for mobile, the vertical solution is a stablished pattern. I found ...
2
votes
1answer
242 views

Table Search + Sort Interaction

So I'm trying to figure out the best practice for interactions between a table search and sort. Here is a common data table scenario we have in our app. We have a table of users. The user can ...
0
votes
2answers
295 views

Display multiple buttons in mobile

I have a mobile website which shows multiple data tables. Rather than showing all of these tables, I have put them into an accordion, so that the user can click on the one that they want to open. ...