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

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).

1
vote
1answer
81 views

Best Table for Summary

I am working on a Summary table. The data can be huge (may be 5000 or more records to show). User should be able to: 1. scan and manipulate the data 2. Find the records 3. Take actions like, View ...
3
votes
2answers
70 views

tables: multiple lines row

I'm designing a table were the description (that can have a variety of lengths) is a vital field for the user analysis' of the table. For that reason, I decided to allow multiple lines in a row (and ...
1
vote
1answer
56 views

How do users perceives the difference between horizontal and vertical ellipsis specifically in data tables?

I am creating a data table where the last actions has multiple actions needed, I stumble to the concept of using either vertical and horizontal ellipses, but what is mainly the differences in terms of ...
2
votes
2answers
103 views

How to sort a table which has live data coming in from websocket?

I have a table where I display several columns with numbers in them and people can sort them in ascending or descending order. The one major problem is let's say I had 4 numbers 1 5 2 3 and I sorted ...
0
votes
3answers
45 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
105 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
122 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
52 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 ...
2
votes
1answer
214 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 ...
1
vote
2answers
120 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
134 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
122 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
430 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
49 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 ...
5
votes
1answer
66 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
71 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
148 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
128 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
424 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
166 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
172 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
63 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
64 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
73 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
69 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
144 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
80 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
495 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
121 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
35 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
78 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
70 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
260 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
173 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
227 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
108 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
162 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
290 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
44 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
109 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
26 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
802 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 ...
12
votes
4answers
5k 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
193 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
218 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
175 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?