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

Filter by
Sorted by
Tagged with
0
votes
1answer
32 views

States and behaviour for progress bars embedded in tables

These days it is not uncommon for data tables to contain more complex UI elements (i.e. not just data), with things like pills (or tags), call-to-action buttons, icons, and even graphs & charts (e....
0
votes
1answer
67 views

Input data in data tables

I have to design a data table which is going to be 288 rows and 15 column big. I want to make it easy for users to input data easily. Data is for a day for every 5 minutes interval(i.e. 288 rows are 5 ...
0
votes
3answers
55 views

Where should I place my inline data table buttons?

I'm building a desktop application with the intent for my users to perform action items on remote devices (can't say due to company IP). Users will also check the status of these devices, pre and post ...
2
votes
1answer
84 views

How to describe two variables in a heatmap?

I need to describe distribution of showtimes across day-hours and their occupancy. Showtimes distribution across day-hours can be described using a simple heatmap/ table, e.g. Here each times-cell ...
0
votes
3answers
106 views

What (FontAwesome) icon should I use for “count” operation? [closed]

We have a standardized paginated table template. We already use FontAwesome icons to represent paging operations << to go to the first page < to go to previous page Numbers to a specific ...
0
votes
3answers
115 views

Displaying Table inside Table

We have table setup like below. Before you click the plus table looks like Once you click on the plus next to any row, it opens up like this So as you can imagine if the user opens up too many ...
1
vote
2answers
94 views

Is a table a good idea for navigation?

We're discussing in my office about having a table where every row is clickable and used for navigation. Is that a good idea? The context is: "Users" are involved in "projects", a "project" contains ...
0
votes
0answers
25 views

Recommendations for an Angular Data Grid Component?

I'm not sure if this is the right forum to ask this question, but thought I'd ask it anyway.... I'm looking to define a "standard" data grid component to use in our enterprise angular 6/7 ...
2
votes
0answers
62 views

Desktop only: Display multiple one-row tables

I couldn't find a fitting solution to that so I am asking for your guys opinions - what is the best way to display multiple one-row tables? Since there is a lot of other information behind each row, ...
1
vote
2answers
43 views

Primary contact indicator in table

Let's suppose we have a table that shows a list of users and their basic contact information. First Last 1 | Phone 1 | Address 1 ---------------------------------- First Last 2 | Phone 2 | Address 2 -...
0
votes
1answer
45 views

Is it good to expose the score of a relevance search to the user

So, our main search tool will get a relevance search, which means that the output is somewhat sorted by how important an entry is. Before that the entries were sorted by date and if two entries had ...
2
votes
2answers
96 views

How to show important items at the top in an ordered data table

I am creating an application for a client, it's essentially a large data table with many rows that they use to monitor the status of systems (each row is a different system). Some of the columns track ...
0
votes
0answers
61 views

Do tabs belong in a Material Design dialog?

I'm building a MD styled desktop application that essentially acts as a dashboard (w/ a data table) for a list of remote devices. Within the data table, I have a button for each item that presents a ...
1
vote
2answers
117 views

Displaying multiple tables with varying numbers of columns

I am trying to design an enterprise application and I have a situation where I have multiple (More than 20) tables to be displayed in the page as a result of user interaction. I cannot limit the ...
1
vote
1answer
53 views

Can a table have column chooser, if content is dynamic?

Project is a chatbot. One pane is for chat messages, and in some cases there's an extra pane for contextual visual (table, PDF, video, etc.). So, in this contextual pane, there will sometimes be a ...
1
vote
2answers
97 views

Table quick filters

Looking for examples of buttons above a table that can show you the numbers of a specific type of item and when you click them filter the table. Any link or example will help a lot. I have looked ...
4
votes
2answers
184 views

How to best present multiple statuses in a table?

I have a table of data, each row represents a quote that can have several statuses. A while back when the status system was less complex I decided it would be best to enrich the status data and ...
1
vote
1answer
133 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 ...
3
votes
1answer
59 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 ...
6
votes
4answers
379 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 the 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 ...
1
vote
2answers
70 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
3answers
209 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 ...
2
votes
1answer
65 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 ...
52
votes
4answers
10k 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
155 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 ...
1
vote
1answer
55 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
vote
1answer
53 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
177 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
2answers
247 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 ...
4
votes
2answers
292 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
141 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
236 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
59 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
131 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
57 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
33 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
170 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
101 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
605 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
375 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
193 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
202 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
1k 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 ...
5
votes
1answer
83 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
80 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 ...
5
votes
1answer
478 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
443 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-...
5
votes
2answers
3k 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
766 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 ...