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
2
votes
3answers
747 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
816 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 ...
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
83 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
78 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
246 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
89 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
701 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
329 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
108 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
78 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
420 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
306 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 ...
1
vote
0answers
194 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
192 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
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
1answer
135 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. ...
3
votes
2answers
2k 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 ...
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? ...
0
votes
2answers
337 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
222 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
298 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
1k 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 ...
4
votes
5answers
14k 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
370 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
509 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. ...
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
1answer
300 views

Data tables/grids in task based UIs

I'm designing a business web application. I'm leaning towards a task based UI style, but I'm facing a challenge regarding the creation of complex entities such as orders, composed of order lines. A ...
2
votes
1answer
972 views

Data table: inline edit - save/cancel on other action?

I'm working on a data table and each line is editable. It's obvious what happens if you click on update or cancel, but what should happen if the editable row is out of view (click on another page of ...
4
votes
1answer
196 views

Action Overflow VS. Command Menus for primary and secondary actions on a datatable

I'm currently researching what are the best practices for handling a lot of actions on a data table. The two that I'm familiar with are grouping actions together in a command menu, using the action ...
3
votes
1answer
2k views

Table headers: uppercase or lowercase, left or center aligned, top or bottom?

I want to know if there's an standard or at least a nice way to stylize table headers? Uppercase or lowercase? Left or centered? Top or bottom? Thanks
1
vote
2answers
6k views

Best practices to allow user to hide/show columns in a data table

I have a table which can contain more than 15 columns, is not likely that user will see the 15 at the same time, but I need to give user the option to select which columns want to see. I added a ...
15
votes
6answers
3k views

In a static data table, should rows be highlighted on hover?

My team is building a Material Design table component. The Material Design guidelines on data tables state: Row hover (Desktop) Display a background in a table row if a user hovers over any ...
1
vote
1answer
404 views

Have different size of cells on a UItableview to solve too long labels is a good idea?

I have an UITableView with cells that contains title and subtitle. Sometimes the title or subtile is cropped because too big. What is the best choice: let label cropped ? put title/subtitle on two ...
2
votes
2answers
75 views

Whats a good way to determine the number of records to present to a user until he has to switch to a second page?

I always wondered where I should draw the line, ie. how much tabular data a human may visually process until the site becomes a visual mess and the user cannot get any useful information out of the ...
0
votes
3answers
171 views

0 in count field for number of rows to display per page in a table view

I have a count field in my page whose screenshot is attached. When I enter 0 it lists all the records and doesn't show the 0 in the count field. What is the standard way or user satisfactory way to ...
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
1answer
274 views

What is maximum length of the title in Data Table? Not column header [duplicate]

Considering it is Desktop applicaiton, Do we need to truncate the length, bring it to second line or ellipsis?
0
votes
1answer
103 views

How to indicate that an item in a data table is urgent / very important?

We have a system that receives certain requests / tasks from customers. There are 2 types of tasks: Urgent and Non-Urgent. What is the best way to display the task list so that it's easy to see which ...
1
vote
1answer
623 views

How to design Semantic UI data table in Photoshop [closed]

I am new in UX world and just started my career. Anyway, I am working on UI for a new product and have to make a lot of screens in Photoshop, which will be used for developing in the same time. The ...
3
votes
2answers
5k views

Most readable way to display key value pairs

I am designing an app which has lots of data on any given screen, I've search Google and UX stack exchange and can't seem to find anything (perhaps I'm phrasing my search term wrong). Is there any ...
2
votes
1answer
117 views

How to convey interaction between two cells

I am working on a project that includes designing some behaviour for a web data grid. I run into a question described in the title. Below is a screenshot. The editable input cell is the one with ...
1
vote
2answers
64 views

Should data tables have separate columns for each object field?

Say you have an object that is referenced by both an ID and a Name (both unique). The object also has a label that is more user friendly that is used though out the site. Should a grid show both the ...
0
votes
2answers
545 views

Do users prefer many dropdowns or advanced filter for filtering tables

I am working with a team and we are working on a table filtering project and we have some ideas about page designs in terms of UX. Please excuse the drawings... One design has a search field on top ...
1
vote
1answer
69 views

Run datagrid filter with only one character .. or not?

Imagine that you are using a wildcard filter '%XXX%' which runs automatically after one second and search across 10K rows datatable with 10+ fields. From the point of view of infrastructure resources ...
1
vote
2answers
180 views

How to differentiate between two types of status changes?

We have several rows of data (in a CMS) that change in status. There are two types of status changes: type 1 requires action from Admin but type 2 doesn't. My issue is differentiating between the two ...
-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 ...
3
votes
5answers
480 views

Background color when hovering datagrid row

My question is pretty simple. In your opinion, does changing the background color of the hovered row in the datagrid is a plus for the user - or a distraction that should be discarded? All rows / ...
0
votes
0answers
127 views

Table column as fixed

I am building a data table where one of the requirements is: As a user, I want to set a column as fixed As in the following example, from https://uxdesign.cc/design-better-data-tables-4ecc99d23356 ...
4
votes
3answers
350 views

Displaying data in wide 2 column table

So I got myself into a corner and feeling quite stuck with this one, wondering what would other UXDs do. I have a wide table (960px) and only two columns. What's the best way to display it? Thanks