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).

learn more… | top users | synonyms

0
votes
0answers
34 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 ...
0
votes
1answer
80 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
1answer
57 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 ...
0
votes
3answers
81 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.
5
votes
2answers
66 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
184 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 ...
1
vote
3answers
85 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. ...
0
votes
2answers
39 views

Displaying couple of independent tables with different loading time

I got a webapp dashboard with couple of tables (around 6 tables with fixed order usually not fit on page without scrolling down the page). Tables are filled out with a data provided form backend - ...
1
vote
2answers
162 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, ...
1
vote
1answer
196 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
35 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 ...
1
vote
2answers
82 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
163 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
222 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
140 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 ...
3
votes
4answers
131 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 ...
9
votes
4answers
1k 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
58 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 ...
2
votes
4answers
648 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
46 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
96 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 ...
3
votes
4answers
179 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 ...
1
vote
0answers
95 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
276 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
103 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
186 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 ...
1
vote
1answer
93 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
3
votes
4answers
208 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 ...
1
vote
2answers
96 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 ...
1
vote
0answers
234 views

Need help on creating innovative sleek data grid table design [closed]

As we can see in the the following URL, conventionally lot of supporting UI elements are available to sort out, search and navigating pages for data grids. https://www.datatables.net/ Now a days, ...
4
votes
3answers
187 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 ...
1
vote
4answers
46 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 ...
1
vote
2answers
344 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
112 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
76 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
338 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
206 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, ...
2
votes
2answers
173 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 ...
3
votes
2answers
177 views

Is there evidence that text in a table vertically aligned middle is easier to read compared to vertically aligned top?

I have an html table and there is one column that is much taller than the others and I am trying to get a recommendation if I should be vertically aligning the rest of the columns to the top or ...
0
votes
1answer
25 views

Visualizing individual data usage from the same data pool in a table

I have an issue visualizing individual data usage in a table where the usage is directly connected to a shared data pool. The data users can have individual data boundaries, where the data is ...
2
votes
3answers
126 views

Should I set maximum table width?

My app has a page that contains a table with about 10 columns. Should I limit the width of the table to some maximum to prevent too much whitespace inside the table rows, or is it a bad practice? If ...
0
votes
2answers
103 views

What is the best way to add remarks to changes

Assume a scenario that user need to do some modification to a big data form, while the requirement is that if they have changed some records, they need to add remarks that what have changed,etc. One ...
4
votes
3answers
143 views

Best Type of Chart for Numbers inside Matrix?

I have a matrix that looks like the following, and I want to make a chart out of it because the numbers are just too much to look at. What is the easiest way to digest this information? We are trying ...
0
votes
2answers
75 views

How can I accentuate values in this form to aid fast visual identification?

My web app has a need to display multiple values. Right now I find it hard to visually discern quickly. Observe UI Observe minimized html: <table> <tr> <td>gpm</td> ...
2
votes
2answers
166 views

How to render multiple levels of labels in a table to improve readability?

I'm having trouble searching for patterns like the following. I need your help and opinions on the most clear, readable option to show three levels of labeling pertaining to a same table column: ...
0
votes
0answers
150 views

In or around a table of results, displaying row-specific information and actions (master-detail UX)

I am tasked with displaying a list of clinical trials. Each clinical trial has at least one, and typically many, actual locations. We want to encourage users to enroll in clinical trials. What that ...
2
votes
4answers
138 views

Cognitive strain by reading data in tables?

I would like to know if there is a study made about the cognitive strain that there is (or isnt) on reading dataheavy tables. I know there is a lot of help out there for how to make tables easier to ...
1
vote
1answer
209 views

Table many users access checkbox usability concern

I have a data grid will allow an array of admins to update access for their associates. Are there usability concerns with just have a checkbox or will a user not understand that the checked box ...
1
vote
3answers
649 views

How to show the user can hover for more information

I have a simple table showing the configuration of various installs of a product. This particular product enables different profiles that enable/disable features and options. In this table, for each ...
0
votes
1answer
138 views

What is the best way to display an icon for removing the row in a table?

I am designing a system where users need to be able to delete a table row. Originally I had a 'remove' button, but that has now changed to an icon in the interest of saving space. I have used a red ...