We’re rewarding the question askers & reputations are being recalculated! Read more.

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
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
201 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
4k 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
322 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
112 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 ...
5
votes
2answers
6k 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
119 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
65 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
608 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
71 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
192 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
378 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
564 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
160 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
367 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
1
vote
1answer
91 views

Display to a user the selection of multiple colors in a cell of a DataGridView

I have two DataGridView, the first containing a list of users the other containing colors. First DataGridView (Users) The second DataGridView (Colors) By selecting a cell from the first ...
0
votes
2answers
118 views

Best way to show Readonly and Writable cells in a grid?

I am designing a data grid on a web application that will display a mix of writable and readonly data. A bit of background: we're migrating a desktop application that identifies readonly vs writable ...
5
votes
1answer
742 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 ...
0
votes
5answers
106 views

Best approach for content inside fixed with listing container

The following is a wireframe of a listing which I am working on and I have couple of questions that needs to be clarified. As you can see, this is a tiled listing and it consists of an image, some ...
0
votes
1answer
237 views

How to display a large amount of “edit users” panels?

I currently have got the following panel in my admin dashboard: This is a panel where the admin can edit the users of the website. It's currently made so that someone can click on it, and the link to ...
3
votes
3answers
201 views

Is an edit button necessary for a row of data?

If we have a data table, each row is clickable to see more details (and is editable from there). But for affordance purposes, should we explicitly include an edit icon / button for each row even ...
3
votes
2answers
264 views

Should the sort/filter changes throw the focus on first page or current page?

If a user is on certain page out of several in a pagination of a table data, when he/she applies a filter/sort, should he -be shown results starting on page one or -be kept on the same page state?
0
votes
1answer
503 views

Dropdown for simple and data tables with multiple levels of hierarchy

I had some tables which just had one groupping, and the arrow (accordion-type) was working fine, and users understood perfectly. (As for now, I was using option B/groupping1). Now, we have to ...
0
votes
1answer
167 views

Tree values in a table

In my team, we are working on a visualization of a tree structure on a table. The current design looks like in the picture: The user can only see the closest tree branches but not the further ones. ...
3
votes
3answers
446 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 ...
3
votes
2answers
561 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 ...
1
vote
0answers
33 views

Create and edit M:N binding in large tables in GUI/Web app?

How to enable end-user to create M:N bindings for large multi-column tables? In our case there are tables up to thousands items large. Each table has number of columns. For example Cars (...
1
vote
1answer
118 views

Is there any solution for mobile grid (native) - 30 column?

I was looking ux patterns on internet but couldn't find specific solution for it. I have more than 25 column grid which would like to show on mobile native app. Customer is interested to show all the ...
2
votes
5answers
130 views

How to display data behind a data point in a matrix?

I'm trying to design an internal tool for software testing purposes. We have a system that consists of a number of servers. To verify that the system as a whole is stable we monitor different ...
1
vote
1answer
53 views

Flat table of data with folder name as a column

We are currently building a flat table of documents whereby one of the columns is the parent folder of the document (a sortable and filter column to replace the categorised view) What is the ...
3
votes
3answers
169 views

Display a list of characteristics with something better than a table

I'm designing PDF documents. The context is the assessment of real estate properties. Each PDF needs to give information about the following: The building itself Nature of the property (flat, house ...
1
vote
2answers
405 views

Showing complex datataypes in tables

I'm thinking about how to design a table component in Angular2 that can show complex data types. A complex data type can contain the following: 1. Primitives - numbers, strings, etc. 2. Lists - ...
9
votes
4answers
1k views

How to create a custom textbox with a label and value

I am not a designer but I am dealing with a task to implement a functionality. I have to develop a working UI where a user can enter values into text-boxes inside a grid. While entering these values ...
30
votes
10answers
4k views

How do you make it clear to the user when the data in a table is updating live (or not)?

We have a requirement to have a table of data update in real-time. New records will get added over time, as well as amendments on a cell by cell basis. However if a user changes the sort order, or ...
15
votes
3answers
3k views

Need a better layout, so that blank space can be utilized

Here - I don't want to repeat the same ID, first name and last name to all the subjects so I used expand buttons. - This approach significantly reduces number of rows that are visible when all the ...
1
vote
1answer
229 views

Data table or li for mobile app

So I am having a hard time figuring out if I should use a data table or just list items for an mobile app I am making. The information is going to be accounts listed by name then have their year to ...
5
votes
2answers
492 views

How to design a fluid and loosely coupled data UI?

I need some advice with designing a view of a system with the following characteristics: Lots of possible data ('label: information') Data is quite loosely coupled, but there is some grouping Only ...
1
vote
1answer
101 views

How to best present edit icons for table rows that utilize multiple rowspans

I have a table that presents data like this: Each item has one row of basic information, e.g. name, size, category, etc., but also multiple rows of purchasing information, e.g. supplier, cost, etc. ...
1
vote
1answer
116 views

Presenting date and time in a table where time is sometimes (but rarely) needed

I'll try to minimize the rubber-ducking; I'm posting this as a proxy for my team. We're designing summary table that shows work history of a part (on a mechanical machine). It's intended as a quick ...
6
votes
3answers
2k views

Adding new item in a table list: At the end of the list or open a new page?

Which among the 2 ways of adding new data to table list is better and if so, in what context? END OF THE LIST (similar to adding new data in spreadsheet documents): OPEN A NEW PAGE FORM:
16
votes
3answers
2k views

Icons in table head - good practices

When to use icons instead of texts? Are there good practices related to the subject? Ex:
7
votes
8answers
6k views

Best approach for huge data tables (currently using scrolls)

Experts, I need help in assessing the best approach for huge tables (lets say 500 rows), we want something that is intuitive, visibly appealing and gives more focus to table data. Most pages will ...
3
votes
1answer
2k views

Nested Child rows in Table

I previously asked ux.stackexchange to help me with how to display configuration settings for a web application. Ways to display both string and boolean on page I've followed the suggestions and ...
2
votes
5answers
3k views

training matrix: Should we ditch/replace huge tables on mobile?

It is popular to use this sort of model in certain industries; the training matrix. Its nonetheless a huge table of data. Are there any possible alternatives to replacing the training matrix? Or ...
2
votes
1answer
448 views

Filter page search logic

Good day, I'm currently rethinking some current implementations of our search screens. Right now we've got datagrids with large amounts of data. With these datagrids the only option right now is ...
2
votes
1answer
358 views

Filtering in Datatables

Currently, we are having issues with filters on our datagrids and the space they take in the screen. I think the way they are used right now they take a lot of space that's not needed. I would ...
0
votes
2answers
232 views

What to do with high amounts of results (data)

For a future implementation in our software we are facing the issue of large amounts of data. The main question in this situation is that how do we handle and display the data. because the data also ...
2
votes
3answers
1k 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
2answers
778 views

Best UX options for table cell with multiple items

I am trying to see if this is a practical and good way of handling this problem. We have a table with a list of users. Users have units that are assigned to them. A user can have multiple units. ...
0
votes
2answers
82 views

Displaying the contents of a file of indeterminiate length

I am working on the UX for an application that takes in an excel file and displays results of its processing to the user. In this application, to begin file processing, it needs to know where the ...