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
60 views

Is it common to have both horizontal and vertical scrolling for tables with fixed height?

I am working on a table of fixed height and due to the large data, I need both vertical and horizontal scrolling. Although, I am thinking that users might get confused. If it is ok to use them both, ...
2
votes
2answers
66 views

Multilevel navigation in data-table including details and actions

I have multiple interactions from one screen to another and from that screen to the next screen. At least 4 levels of navigation happens in one use case. Example User lands on the data table which has ...
3
votes
5answers
252 views

Advice: UI for app with column like input

I'm working on an app for a volunteer organisation (Scouting group) where users can indicate what he or she had to drink from the bar/fridge. This so an 'admin' can see how much each person had to ...
18
votes
3answers
5k views

Design pattern for sorting / ordering items in card view

In a table design pattern there is usually a 'primary' key value which all the other values can be sorted by, and it is easy to sort or order the rest of the attributes associated with the item. ...
2
votes
1answer
222 views

Expand/Collapse button directions in tree table ie data grid versus non-table applications

I'm creating a tree table for use on our platform. We currently use chevrons for our expand/collapse buttons, and in doing a lot of research across UX forumns, I decided on the rule that the chevron ...
2
votes
1answer
47 views

Scanning tables for information

I'm designing a table that shows information for rounds of golf, strokes, points, fairways and so on. The problem is getting the right layout to show this data without crowding the table too much. The ...
1
vote
1answer
52 views

About the actionable data table

As a business application, the data table must provide: Actionable data including opening the property, delete, export, send email.....etc, and usually viewing the property is the most important ...
1
vote
1answer
3k views

What to display in a table when there is no content?

What is the best approach to tell the user that the app doesn't have anything to display at the moment? In most cases the table does have content (2 columns), but for times when there isn't any, I ...
0
votes
0answers
35 views

Display and editing complex data

I am looking for suggestion how to display complex data for reading/editing. Data will be key-value, example: string-val: "v12", int-value: 99, boolean: true I these types I think simple ...
1
vote
1answer
104 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 ...
0
votes
0answers
26 views

Data tables: Combining 2 columns into 1

I am a budding UX designer currently working on a booking management system that allows both booking by the HR and employees. HR can make bookings on behalf of the employees via the management system ...
1
vote
2answers
100 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
1answer
169 views

How to display summary of user permissions from a data table into a row [closed]

I have a summary card for a web-based application which expands into an interactive table that consists of different users and permissions from Custom to Read, Write, Deploy, etc. There will be ...
10
votes
6answers
3k 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 ...
3
votes
1answer
274 views

Best place to display filter button in mobile

I'm currently designing a screen for mobile with a navigation bar and a filter button. However, I'm at a loss about what the best placement for the filter button is. This is my current screen: ...
2
votes
3answers
282 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 & ...
8
votes
3answers
840 views

Accessibility of tables without borders

Does having a data table without cell borders affect accessibility and usability in any way? I can't seem to find an answer online. Having borders definitely increases readability. Can we say it is a ...
2
votes
2answers
76 views

How to implement a side filer bar for smaller screens without overlying the platform content

Currently, I'm working on a data-driven platform. I designed a side filter bar which allows user to filter data dependable of his needs. The problem appears on smaller screens. After a discussion with ...
2
votes
1answer
76 views

Status (Action required) and main actions in a big data table

Recently i started creating a big data table for a booking company. Usually I don't really have big problems with data tables but this specific one drives me nuts. It is a platform for restaurants. ...
2
votes
1answer
130 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
55 views

Progress for Data Table

Users are accustomed to viewing data within a data table. The problem is the user cannot complete one action until another action is completed. Is there a better way to lay this out, but also give the ...
0
votes
0answers
22 views

Bulk adding items and units

I'm working on an e-commerce project. Besides the traditional flow of category pages and single product pages I'm building a view where expert users should be able to add multiple products and at a ...
2
votes
2answers
1k 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-...
0
votes
1answer
45 views

Same form fields - two purposes/functions

Working on a project for adding new entry/entries to a table and/or viewing the table. We have required fields for adding a new entry. Only one of those fields is required for viewing. The ...
1
vote
1answer
262 views

Displaying a list with a mixed-hierarchy

Context A landlord has a list of tenants in a given building. They want to look at this list for the following reasons: To know which tenants are in their building To see other information at a ...
0
votes
1answer
25 views

Where is the best place to put the export/upload function for a data table function?

There's two Scenarios: V1 Export appears above the top right but only shows to a specific tab, it is hidden if it is not available in other tabs. V2 Export appears under the tab where it is only ...
2
votes
2answers
125 views

Table bulk action placement guidance

I have been working on adding bulk actions to our data tables. I have noticed that most of the data table I have seen display "bulk action" above the table. I would think that users usually scan the ...
2
votes
1answer
135 views

In Table Filter vs Filter Panels

I have a question regarding In Table Filter vs Filter Panels. Context is for extremely complex data tables. If a table has Filter Panels, would it be useful to still retain In Table Filters? If so, ...
0
votes
1answer
48 views

Column re-ordering - How to store the column order?

I am designing a table that enables user to re-arrange the columns according to user's preference. Below is a simple example to demonstrate. There is a default column arrangement (A-F) but users are ...
0
votes
1answer
45 views

Trying to fit in a lot within a data table cell-Best practices

I am designing a grid which has lengthy data values. My challenge is that I cannot afford to accommodate these values into a second line because there are a lot of rows, and I don't have enough real ...
0
votes
1answer
40 views

Reusable / temporary instances of an object / item

Context I am working on a design where I have containers that hold different types of objects. These objects are used within each other / dependent. We are displaying them as a tree in a table format ...
0
votes
1answer
81 views

UX solutions for data tables and alignment on large screens

I see a lot of excellent advice here regarding how to build mobile-responsive data tables. However, when it comes to large viewports, I'm not finding much. In general, I'm lost about what could be the ...
0
votes
1answer
54 views

which label is correct: date of request/answer or request date/answer date?

i am working on a table which has 2 columns: date of request and date of answer (to the request) and i am wondering which label should i use: date of request/answer or request date/answer date? Which ...
1
vote
3answers
93 views

How to stop user loading more records on grid

In one legacy UI application on which I am working currently, has a Main List which is used to display all records stored in elastic in paginated way. Elastic may have more than 1 million records. The ...
1
vote
3answers
57 views

How to display 'Mistake Contribution %' in a column out of total mistakes?

There are a total number of mistakes X, now I want to create a column for showing distribution for the total mistakes X, what will be the shorter name or better way to represent this? Note: Total ...
1
vote
0answers
33 views

A data grid/table collecting different values for different rows

I would like to implement an editable data grid that will collect a number of "common" values for each row, but that also collects a number of additional values that will vary from row to ...
4
votes
1answer
132 views

What is the best way to clear text inside a text box?

Usually When using expandable text boxes there isn't a way to clear them unless having a reset button underneath which won't work very well when displaying information in a grid. What do you think is ...
1
vote
1answer
72 views

Can I Merge a Batch List-Item Selector with a Comparison List Selector?

I'm working on a complex UX that requires 2 discreet tasks to be accomplished on a list of items: Batch-Selection *of any items (for Archiving) Selection of only 2 similar items (for Comparison) My ...
1
vote
1answer
87 views

Is there a justification for having the pagination buttons at the top and at the bottom of data tables?

I was wondering, if there is an appropriate justification for having the pagination buttons at the top and at the bottom of data tables? I remember observing this in the Salesforce app a while back, ...
0
votes
1answer
75 views

Android App Design for a Data Table File Select

I am a new to designing for Android apps. I have been looking over material design components and trying to follow a few patterns. This is pertaining to a section of the mobile application which ...
0
votes
1answer
90 views

Which is the best way to edit a row in a data table? [closed]

I need to design a mockup that consists of a data table featuring crud operations. I want to know the best way to design this: Using inline editing? Using a pop-up? Using another page?
1
vote
1answer
33 views

How to handle data addition in data grid when data is sorted

I have data grid in application which has pagination and the latest added record is added on top. If the data is already sorted on a column and another record is added to the table how should the ...
1
vote
1answer
40 views

Data Table and List

Hope you all are safe. I am designing a selection list for one of the requirement in my project. Preferably, like shown below I wanted to know what is the difference between List and Data table to ...
1
vote
2answers
69 views

Trying to find a better alternative to display current and historical data

My users need to see current and historical data. The photo below shows the current way of doing this is using a table. (Dummy Data) I thought of using a tab for stores that are currently in ...
2
votes
2answers
109 views

Best way to organize data table

I want to design a data table, the table will have at least 6 columns and infinite rows (huge number). I will display the table pagewise by limiting the number of rows per page. I want to provide ...
1
vote
1answer
25 views

How to display context dependent buttons in a row

I work in an internal application for my company. I have a table displaying documents sent for digital signing, with a last column used for displaying buttons with several actions available to each ...
1
vote
1answer
80 views

What is this table format called?

What would you call this type of table row layout? (This is from Mailchimp's email campaign manager section.) It's not a traditional data table, since it combines about 6 pieces of information in ...
1
vote
1answer
77 views

Best way to display frequency

Do you guys know any other way to represent a list of items that have their own frequency options (Weekly, Monthly, Daily) that you can choose from. I was thinking maybe creating like a table and ...
4
votes
2answers
674 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
1answer
199 views

Table - list view and details view

In our current table displaying all clusters in a model, we have both list view and details view. We also allow the user to click on an arrow on the row when they want to see the full view of that ...

1
2 3 4 5
7