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

Questions tagged [data-tables]

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
0answers
20 views

Usage of table layout on Mobile

Is there any better way to show Normal table layout in the Desktop views and easy to use view of the same in Mobile? In an environment that the table columns and rows can be multiple number of rows ...
2
votes
1answer
42 views

Table with time series - duplicate data/rows

currently i'm facing some issues with large data tables with lots of duplicated/redundant data. Those rows displaying time series of measurements and are mostly identical, so most of the rows looks ...
0
votes
0answers
27 views

What would be the best way to display this? (Firebase + Angular 7) [closed]

So I'm working on a budget app that has transactions and categories and each transaction is associated with a category and a month. On the front page I want to display something like this (and be ...
3
votes
3answers
80 views

Expandable rows, quick view or modal to show a big section with details for a row in a table?

I have a table and in the first version of implementation, I had expandable rows with info. In the new version, the client wants expandable sections in the section expanded because it is a lot of info....
0
votes
2answers
58 views

How do I indicate that a column in a data table has been added or changed?

I have a data table where I let people toggle columns (Show/Hide) A few columns also change based on the value of a dropdown the users select inside a modal that controls table settings How do I ...
1
vote
0answers
70 views

Best way to show old value vs new value in a list of items

I am working on a screen with a list of diagnostics data on the right side of the screen (1/3 of the width). The customer requested to be able to see the current and previous values close together so ...
0
votes
1answer
33 views

To show “treat entered string text” to null & empty?

It's regarding the better representation of showing these option. I would like to explain in an elaborative way. "A user can set data modification setting for further use. which might help other ...
51
votes
4answers
9k views

When your page has no results, what do you show?

I am paginating a data table and have different views in my application where each view has its own rows. Some views may have data, some may not. Showing 1-0 of 0 Page 1 of 0 is what I am showing ...
0
votes
3answers
89 views

Appropriate UI pattern for Expandable List Item in Data table?

I'm currently looking to find a solution for expanding a list item in a data table to display more information. One of the best solutions I've found thus far is done on reddit (see screenshot). Any ...
0
votes
1answer
33 views

How to deal with object widths in responsive environments

I've just designed a widget - it's a data table with 3 fairly narrow columns. It looks good on mobile and desktop. On mobile (portrait), it takes up the full width, while on desktop, it uses 50% of ...
1
vote
1answer
44 views

Should previously selected rows of a table (via row checkboxes) be retained when the user uses a search box to search for a table entry?

Context: I have a table with checkboxes at the beginning of every row. The user can select the rows and click on the top right button "Actions" to say "Delete checked items" etc. I also have a search ...
-1
votes
1answer
42 views

Data table entry: creation vs editing - how to design workflows for least friction and effort

I am designing a new feature and workflow in our business application, which allows administrators to create export configurations, which can later be selected by users, to quickly export projects ...
2
votes
3answers
115 views

Grouping or visually linking multiple rows in tabular data - best practices

I need to help users interact with a (potentially very long) assignment list of healthcare procedures. The list is tabular data that users want to sort in various ways. Since this is healthcare a ...
1
vote
1answer
151 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
176 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 ...
2
votes
1answer
81 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
144 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
52 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
120 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
56 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
28 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
3answers
156 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
74 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
371 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
241 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
162 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
170 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
728 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
56 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
71 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 ...
3
votes
1answer
75 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
226 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
215 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-...
4
votes
2answers
1k 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
360 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 ...
4
votes
2answers
360 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
70 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
80 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
48 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
77 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
74 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 ...
5
votes
1answer
195 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
82 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
588 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
182 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 ...
1
vote
1answer
91 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
75 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
355 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
224 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 ...