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
1answer
433 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
593 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
111 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
350 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
1k 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
247 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
3k 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
3
votes
1answer
7k 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, it is not likely that users will see the 15 columns at the same time, but I need to give them the option to select which columns they want to see....
16
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
423 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
220 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
5k 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
355 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
122 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
66 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
648 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
73 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
203 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
400 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
602 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 / ...
1
vote
0answers
170 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
394 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
96 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
131 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
777 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
108 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
255 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
244 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
266 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
538 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
180 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
457 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
600 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
34 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
125 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
131 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
54 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
423 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
234 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
503 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
103 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
123 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
3k 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: