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
1
vote
2answers
206 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
579 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
735 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
155 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
504 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
591 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
572 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
674 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
919 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
10k 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 ...
1
vote
3answers
586 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
625 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
246 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
323 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
134 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
260 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
550 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
275 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
785 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
11k 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
204 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 ...
7
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
83 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
837 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 ...
8
votes
2answers
704 views

Listing multiple hierarchical data chunks of information in a table row

I need to show a list of hierarchically organized elements in a row set (it can be multiline, yet I need to compress it vertically as much as possible). There is some similarity to file paths - for ...
1
vote
4answers
2k views

How to filter tables/list views?

I know, this is a very broad question and there's a lot of context to consider, but how would you offer quick filtering of large data sets (tables/list views)? Currently, software products in our ...
0
votes
1answer
499 views

Multiple Buttons or Links in a cell?

I am trying to find out what the best approach in term of UX that a cell can have two buttons that associate with Sessions or Calls in each Date columns? The value of Links/Buttons are the total of ...
1
vote
1answer
919 views

Summarising grouped data in a data table

I'm working on a financial app and we're getting mixed feedback from users as to how we've displayed the summary for groups in data tables. We've data tables which are, say for example, shopping lists ...
2
votes
1answer
293 views

Whats is the best way to edit all the fields from a filtered datatable?

I need edit all the inputs from the filtered datatable field, and I'm proposing something like the image. But I would like to know about other experiences Thanks for your help
4
votes
4answers
378 views

How to handle lists with 10,000+ entries?

I'm working on a feature that will allow administrators to manage lists of resources (people, vehicles) that number in the thousands. One client even has over a million entries. Making a simple list ...
2
votes
2answers
207 views

How to visualize identical cells in a data table

I have a time series grid for which there will be sparse data, as changes won't happen often, as shown: I'm wondering what the best way to display cells when there haven't been any changes is. The '-...
4
votes
3answers
603 views

Simpler query builder UX for querying OLAP / Dimensionally Modelled data

I've been testing 3rd-party query-building solutions for OLAP data warehouses with a few of our product's mostly non-technical business users, and I've had trouble finding any that are simple enough ...
2
votes
4answers
79 views

When entering the name of a custom column to be added to a table, should the edit box be inside a column header?

When users are allowed to add columns to a table in a web app, where's a good place to put the edit box where the user can type in the new column header name and/or choose from an auto-complete list ...
2
votes
2answers
712 views

How to present different layers of data detail in one table

I am developing a dashboard for an ecommerce software which shall give some information about webmasters that deliver customers through their ad campaigns to this ecommerce. The requirement is to ...
0
votes
2answers
574 views

What kind actions could be open to Bulk Editing in a Data Grid?

For a Data Table with Bulk Actions enabled, we will have 2 types of Data: Single Select Eg. Enable/Disable, etc., Multi-Select Eg. User access to multiple accounts. (refer image below) So, my ...
1
vote
1answer
184 views

Best way to present table where you can override table values

Say you had a table that is pulling pre-filled data. The user has the ability to review this information or override the pre-filled data with something custom. I'm not sure how to best present the "...
0
votes
1answer
1k views

Nested data in a Grid or Table - how deep is too deep? [duplicate]

I’m reasonably sure we all have that love/hate relationships with grids or tables when it comes to nested data. Over the years I have grown intolerant of anything below one level down, and work ...
1
vote
2answers
469 views

What should the minimum value of a slider filter be?

I am trying to figure out what the best UX would be for a slider filter. The slider is used to filter a list of companies based on a desired loan amount on a personal loan list page. Currently, every ...
2
votes
2answers
255 views

Admin table with many rows, init state?

We have a system where we are creating a new Admin portal. In the portal we have tabs with tables like DataTables and 15 rows per page. We have around 100 000 rows and making dynamic fetching from ...