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
0
votes
2answers
119 views

Should parent toggles control child toggles? [duplicate]

I'm working on a table that has a parent toggle on the top row with each child row below having its own toggle. If I were to disable a specific row, I will visually see that the row has been ...
6
votes
2answers
359 views

Trouble creating surveys with iOS elements

I'm working with a client on a project that will include survey elements within the app. There are a few survey elements that I've never seen on a native app and would appreciate some guidance on how ...
4
votes
3answers
2k views

Two options for data table filtering

I wanted to get everyones ux opinion on filtering a data table two ways. Do you think it's confusing to the user to be able to filter the data table with the filter bar and also have the same ...
2
votes
1answer
163 views

Need ideas and opinions on table display of objects in different states

CONTEXT: I need to display a large number of "policies" in a list context for user selection and inspection. Each of these policies may have two versions live at any given time, one on the staging (...
10
votes
5answers
2k views

Should we use check boxes or not and select rows on click

We have a CMS like panel where user needs to manage orders. We have table which you can see below. A friend (who is known experienced in UX) says we should remove checkboxes and select/discard rows on ...
11
votes
4answers
7k views

Tabular vs Card-based presentation, which is better for lots of data?

Basically, we have a long list of stuff that has, on its on, a lot of details. We are wondering whether to use a table or put each set in a rectangular card format. See below: On one hand, the table ...
1
vote
2answers
141 views

What is a good way to allow a user to view and act on large amounts of data?

Alright I've been Googling all morning and I'm not satisfied with any answers I've found. The problem: I want users to be able to view a large amount of data. The solution: Pagination. __ The ...
1
vote
2answers
140 views

Large export with many fields

I need a simplified UX solution for selecting many checkbox items (around 50) for export from within a modal window. The idea is that the customer would like to be able to chose multiple fields from a ...
1
vote
2answers
1k views

When sort on table column with empty data, what order should empty cells appear in?

When sort on table column with empty data, what order should empty cells appear in? For example, say there is a Latest Date column where we have a number of dates and sort by earliest date first. ...
0
votes
2answers
343 views

How to add contextual help for tables

I've got a table that contains around 9 columns. Many of the columns contain dates and reference numbers that are used for complicated processes. The column headings are currently expert terms for the ...
20
votes
8answers
5k views

How should “Select All” work in a “LOAD MORE” table?

We are building an enterprise which consists of tables with a lot of data. Our solution for the tables is to have an infinite scroll with a "Load More" button. There would be information of the ...
0
votes
1answer
65 views

which way is the best to present data based on depth

I am working on an application that presents data against depth (which starts from 0 or some negative value) and as we go deeper, newer data is captured which corresponds to a larger negative distance ...
0
votes
1answer
154 views

Delete all action in a table

I have a table with certain records as shown below : If I select all the records and delete them via delete button,what approach is best for the after scenario's : Retain the table headers and ...
1
vote
1answer
117 views

UI-solution for iOS/Swift

I hope that this kind of question is welcome here If not, please excuse me ! I have a TableViewController in iOS/Swift on top of the workflow: In my setup, this controller is use to update/add rows: ...
3
votes
1answer
233 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 where is the best place for the filter button. This is my current screen However I ...
1
vote
2answers
211 views

Telling user about action when clicking on a column in table

A table has a head row, which tells user the meaning of the column, like Google file table has name, id, mime type, created and modified date. But, in addition to presenting information in the table,...
3
votes
2answers
619 views

Action buttons in data tables

Please consider the following two options: Just an edit button in the Caller ID column. Edit and remove buttons in the Caller ID column. Removing a caller ID will seldom be done. You would do it if ...
6
votes
3answers
851 views

On/Off controls on an inline editable table

Background: We have a large fullscreen inline editable data table. The user can click to enter an individual cell and click outside to save their changes. Now we're looking to add an on/off setting ...
3
votes
3answers
2k views

User interface components or design patterns for multiple sort/filter orders

Has any one seen any good user interface components or design patterns for doing multiple sort orders on a data table or grid? I am wondering if this design pattern is becoming less common due to the ...
2
votes
1answer
2k views

Pagination Vs. Infinite Scroll in Datagrids

Pavination Vs. Infinite Scroll in Datagrids Are there any research findings or papers or usability testing findings on Pagination Vs. Infinite scroll in a datagrid. I am trying to define UX patterns ...
5
votes
1answer
2k views

how to represent disabled cells into a table with alternate row color

I'm creating an editable html table with alternate row color with a focused row highlighting . When a cell is clicked, the user can modify its content. Considering all of these, I need to indicate ...
3
votes
3answers
158 views

What would be best way to entitle a table column if it can contain only two values?

I need to create a UI for a budget overview tool and the only option to create this UI is to use a table. The table will contain expense name, cost in local currency, cost in target currency and a ...
1
vote
2answers
549 views

In what order to place sort up/down buttons in a table?

This is a simple question: In what order should I place the move down and move up button in a sortable table? This may be "opinion based", but I hope it's not and there is a definite preference. Out ...
0
votes
2answers
654 views

Wrap or truncate long tabular data?

I have a table that displays about 10-12 columns of data and can be very cumbersome. Some columns are quite wide and the display doesn't look all that great. After doing some research, I found ...
2
votes
2answers
618 views

Best way to display data from different categories in a single table?

I am currently trying to figure out the best way to display filterable leaderboard-like data in my web application. The app functions as a type of online-voting competition. When people sign up with ...
2
votes
1answer
741 views

Legends in table data

We have a table of data that is not interactive but is too wide and growing so we need to consolidate the columns. Currently the headings are taking up the most space so I am trying to provide a ...
0
votes
1answer
110 views

Best way to Show Complex and Lengthy Table Headings

So I have been creating a design for a table in which there is Heading Tr1=> Roll | Name | Subjects | Subjects | Subjects |||| | Aggregate | Heading Tr2=> |part|part|total| ...
9
votes
2answers
952 views

How do you keep your data tables simple?

Our company is trying to make our website simpler and easier than our competitors, and one thing that's difficult about that is our data. A big table of data is shown on most of our website's pages, ...
11
votes
1answer
11k views

Material Design data table filtering

How would you implement filtering in MD data table? Sorting, paging and searching is obvious but I need more complex filtering. Should I put the filters on the table title or create a separate ...
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
2answers
165 views

What is the best way to indicated a column's data is affected by the date range selected?

Our dashboard has data that is static such as names and full budgets and also has columns which are affected by the date range which is selected. The user's attention always jumps to the same columns ...
2
votes
3answers
671 views

Customize table columns

What is the best practice to place customize columns button for the Data table. Please suggest if am right with the images added.
7
votes
2answers
689 views

Not including a 'first page' and 'last page' button in a data table

So, in general my experience is that the Material Design spec by Google has been extremely well thought out, which doesn't mean I blindly follow it, but at least I think twice about every decision ...
6
votes
3answers
250 views

Indented row headers

We have a screen layout where we have several columns to display. The problem is - you guessed it - real estate - to be able to fit all columns. This is for desktop, tablet and mobile screens. One of ...
3
votes
3answers
1k views

In a data-table, should actions be on the left or right

When working with tables, I prefer to place actions that are specific to the row (i.e. edit, delete, etc.) within the row. Sometimes I use an action menu, sometimes it's an edit or delete icon. ...
2
votes
3answers
98 views

Displaying a couple of independent tables with different loading times

I have a webapp dashboard with a couple of tables (around 6 tables with a fixed order that usually does not fit on page without scrolling down the page). Tables are filled out with data provided from ...
2
votes
2answers
332 views

How to visually show aging account receivables?

Is anyone aware of an interesting way to visually show aging accounts receivables - Amounts of money owed which are broken up into time periods, such as (a) less than 30 days past due, (b) 30-60 days, ...
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
1answer
142 views

Should a change of sort order scroll you back to the top?

Say we have a sortable table with peoples information in it (First Name, Last Name, Phone, Email, etc.) Initially this table is sorted by Last Name in ascending order (A-Z). Assume in this case we don'...
1
vote
1answer
270 views

Search Results in a TreeTable

I Have a TreeTable where groups of itens are organized by categories, as you can see on the image bellow. What is the best approach to present the list of results taking into account that is ...
2
votes
2answers
1k views

Pagination with Accordions

I am using accordions in a table where the rows expand to reveal more information about the selected row. While from an information perspective this is working well because we are being able to give a ...
1
vote
2answers
568 views

Data Display of Tables: Table Cells with Must-See Values

I have a data-driven web app with horizontal resolution limit of 1280px, yet up to 15 columns (table cell data varying between 0-255 characters). I wouldn't like to display data on multiple rows as it ...
0
votes
1answer
280 views

Best way to show tables with less data

We have several pages that display data in a tabular format. We have a standard table design that we follow that has footer which includes pagination. What I would like to know is when we have less ...
4
votes
4answers
885 views

Two possible list designs: How to depict per-item actions?

I am working on designing an inventory management system. I feel one design is closer to optimal but I need a sanity check on this. I won't say which is mine and which is not. The debate is whether ...
21
votes
5answers
12k 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 ...
1
vote
0answers
221 views

Data table selection/de-selection usability

I have table where the product & sub product are displayed and is allowed for user to select/de-select both at the product and sub-product level. User just have to deselect things which is not ...
8
votes
4answers
11k views

What's the best way to display hierarchical tabular data (parent/child relationship) while allowing both pagination and search?

I've run into a brick wall while trying to come up with a suitable tabular user interface for showing hierarchical data in a table while at the same time including a search interface and pagination. ...
4
votes
1answer
89 views

Representing both large and small quantities of task based data

I have a task to re-create a chaser page in our existing task-based application. The product is a SAAS product. Some customers may have 5-20 tasks which require chasing on a weekly/monthly basis. ...
3
votes
1answer
1k views

Can we have tabs within a data grid table to group rows?

I am designing a data table which has huge number of rows. Thus I am planning to design a nested grid via grouping of rows. My objective is to set groups within the table, so that the users can ...
5
votes
5answers
878 views

How to indicate data in a table is clickable on a touch device?

For users on a touch device, what is the convention for indicating each figure (cell) is clickable to a page with information on where the figure originated? On desktop it would be easy to have a ...