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
31 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....
-1
votes
0answers
39 views

What are considered best practices when designing data tables? [closed]

I'll soon be tasked with designing data tables with a ton of data. I'd really appreciate it if you guys could point me in the right direction. I'll share some of the links I've found while researching....
0
votes
1answer
66 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
112 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 ...
0
votes
3answers
53 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 ...
6
votes
4answers
363 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 ...
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 ...
2
votes
1answer
80 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
105 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 ...
5
votes
3answers
734 views

Is there evidence that text in a table vertically aligned middle is easier to read compared to vertically aligned top?

I have an html table and there is one column that is much taller than the others and I am trying to get a recommendation if I should be vertically aligning the rest of the columns to the top or middle....
1
vote
2answers
92 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 ...
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 ...
6
votes
4answers
2k views

How to format tables with monetary data?

I am working on a web app that needs to display revenue data in a table, and I am not quite sure how to make it easy to read. Are there are any style guides or manuals that can help me? For ...
5
votes
4answers
3k views

What is the best practice for data table filters?

For best user experience, what is the best practice for data table filters with 10+ columns ? User's Goal: The user is trying to filter the list using of various filter types dates, number and ...
0
votes
0answers
24 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 ...
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 & ...
1
vote
2answers
243 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
526 views

Complex form design pattern, common shared values, mixed with unique input values

Working on a form, which applies a configuration to an object selected from a table. Multiple objects can be selected to have one configuration applied to all selected. This approach works fine when ...
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
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, ...
2
votes
1answer
100 views

Show Linked entries on Data Table

I'm working on the data table of an Insurance Installment Plan. Case 1: Below is the initial schedule that has 10 entries. The business senario is sometimes if an installment is overdue, clients ...
1
vote
2answers
95 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 ...
1
vote
1answer
52 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
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 ...
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 -...
2
votes
2answers
438 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-...
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
59 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
116 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
132 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 ...
4
votes
2answers
181 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 ...
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 ...
13
votes
4answers
9k 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? ...
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 ...
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 ...
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 ...
2
votes
1answer
7k views

Floating horizontal scroll on a long page?

One of the pages in our web app has a long table of paginated results. The user can set the number of results per page which means the page can be very long (e.g. 200 rows). There is only one vertical ...
0
votes
3answers
153 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 ...
5
votes
1answer
680 views

How to handle a data table with row selection and infinite scroll?

Data table properties: Multiple columns per row Displays 20 rows by default When the 20th item is reach via scrolling, loads 20 more rows Rows are selectable Columns are sortable Questions: What's ...
3
votes
3answers
433 views

What is the best way (or better ways) to handle multiple interactions with a single row of information on mobile?

I have a desktop site which has a table with multiple columns, a checkbox on each row, and actions related to that row. The checkbox is used to carry out a particular action (most used) for multiple ...
2
votes
3answers
999 views

Expand truncated table cell content on hover

I'm working on a project using Google's Material Design and am running into an issue where we need to truncate table cell content. There is a spec for truncating table headers and showing the full ...
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
votes
4answers
346 views

DataGrid: unselect or open details on second row click?

In a datagrid, selecting a row with a single click enables two buttons: delete & open details. Currently, a second click on an already selected row unselects that row. I usually prefer enabling ...
21
votes
5answers
11k views

Table with actions per row

One of the pages in our web app includes a table that typically has a few dozen rows for each user, and it takes most of the page's width (5-8 columns). For each row, users can perform 3 possible ...
4
votes
2answers
289 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 ...
0
votes
2answers
311 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. ...
1
vote
2answers
373 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):
2
votes
1answer
139 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
232 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 ...