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

172
votes
23answers
60k views

How To Display Too Much Data

We're building a web-based platform where the main dashboard shows a table of data for users to view and analyze. As we're growing this tool, we seem to be adding more and more columns and are running ...
17
votes
2answers
16k views

What is the best practice for data table cell content alignment

We are currently working on a windows based application where users capture data. Some data is captured in a table where other data is captured in text blocks. Im currently faced with the dilemma of ...
10
votes
5answers
2k views

Sorting tables after multiple columns

I want to add a sorting functionality to a table. It should be able to be sorted after multiple columns. A standard approach is something like this: download bmml source – Wireframes ...
9
votes
8answers
945 views

What is the best way to indicate read-only cells within a table?

I have many tables, actually data grids, where most of the cells will be editable, but some may not depending on the users permissions. I am thinking of using light gray backgrounds on the read-only ...
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 ...
8
votes
3answers
266 views

Additional information for tables

I have to show some extra data to users. Column-sums, column-statistics (different values per column) and column-rests (the sum of all values for the columns, which are on pages not shown). These ...
7
votes
2answers
2k views

Best way to distinguish between completed and in-progress items in data grid

I have a data grid of items, and each item basically has two states: in-progress or completed. What's an elegant, concise way to make a visual distinction between the two states? For the time being, ...
6
votes
3answers
191 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 ...
6
votes
3answers
210 views

“Record in Use By Other User” Guidance: Try Again Later? Or Other Solution?

Considered we have a use case where the product technology doesn't allow edits of the same record at the same time (for example different users might be want to editing different parts of a customer ...
5
votes
3answers
1k views

Multiple similar tables with varying column widths

When multiple forms are displayed on a page that display the same type of data, grouped into categories, is it OK for the columns in each table to be varied or should fixed widths be used to enforce ...
5
votes
4answers
421 views

Grid - Inline Editing and Sorting - How to handle the features together

The Dilemma: You have a grid/table with sorting (and/or multi-sort) and inline editing. The user modifies a value that should modify the sort order. What do you do? An Example: Lets take ...
5
votes
7answers
522 views

How could you indicate that data is 'copy and paste-able' but not editable?

I'm currently working on a data-rich desktop interface. We have a situation where we're displaying a long list of attributes. Unfortunately I can't go into specifics but ultimately the user can copy ...
5
votes
4answers
1k views

Form input types for fast data-entry?

So, I have a form for doing data entry where there is a list of items which have three fields. The first two fields of each item are multiple-choice from five options, the third field is a simple ...
5
votes
2answers
212 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, ...
5
votes
1answer
133 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 ...
5
votes
2answers
95 views

Incorporating new (unrelated) data on an existing table

We have a big table where user enters hours for each day of a time period (14 slots for day inputs) each row represents a task. the Dev team wants to incorporate tasks from another system into that ...
5
votes
2answers
82 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 ...
4
votes
4answers
220 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 ...
4
votes
4answers
336 views

Should filters reset on refresh?

I have a web app with a list of results that are filtered by date. By default, only the last 3 years of results are shown, but you can change the date filter to whatever range of dates you want. I ...
4
votes
3answers
152 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 ...
4
votes
4answers
170 views

How to format tables with monetary data?

I am working on a web app that needs to display revenue data in a table, and I am not quite sure how to make it easy to read. Are there are any style guides or manuals that can help me? For ...
4
votes
3answers
1k views

Links or button to open a modal window over a datatable

I work in a usability team and in our applications we allways use links to open new pages (navigation), and a buttons to do an action, submit a form, for instance. But now we face a dilema: we have a ...
4
votes
2answers
666 views

Best practice for displaying no of records on datagrid

I am designing a banking application where i have a record count of over 1000 rows. I wanted to understand the ideal design patterns for pagination and displaying rows on a data grid. I am ...
4
votes
2answers
228 views

Time entry in a table

I'm trying to improve the experience of an application that allows users to enter their working hours based on customer and task daily and also can view their week total working hours. The current ...
4
votes
3answers
229 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 ...
4
votes
3answers
936 views

Positioning scrollbars on Horizontal scrolling tables

Currently we have a table of results which has both a vertical and horizontal scroll due to the number of columns and rows displayed. A user has requested we add the horizontal scroll at the top of ...
4
votes
1answer
55 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. ...
4
votes
1answer
830 views

Best way to display date and time in a table with massive amounts of data?

I have a table of massive amounts of data. Each table row is a time sensitive order that our users need to cover on a day to day basis. Order's appear from all around the country and we have orders ...
4
votes
3answers
272 views

Advice on applying different kind of tasks on a grouped table

We are working on a system, where network elements are being maintained. The number of the elements will be large: more than a few thousand is expected. Several processes can run on these elements, ...
3
votes
5answers
333 views

Displaying data with responsive design

I'm displaying details of a product. My current responsive design works well for desktop, tablet and mobile. I'm happy with the clean look on the mobile version but I'm feeling the desktop version is ...
3
votes
4answers
140 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 ...
3
votes
1answer
287 views

Charts or Tables

I have been working on a dashboard where a chart and a table are requested. However, both would contain the same data. For instance, it is required that a country map is shown, with the values of ...
3
votes
2answers
208 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 ...
3
votes
2answers
540 views

Allow filtering/searching on content that is hidden

I have been asked by our operations team to add a filter (for country) for a function that displays a table of data (list of payment information), but this display-table doesn't show this type of ...
3
votes
2answers
122 views

How to mark cells in a spreadsheet that are meant to be edited?

I just put together a spreadsheet to demonstrate how some calculations work. Three of the cells act as inputs. The values in those cells kick off a cascade of calculations in other cells containing ...
3
votes
1answer
178 views

How to determine display counts in a table?

Context: I have tabular data in a table that populates dynamically so there could be any number of rows in the table. I do not wish to bombard the user with a long scrolling page so I'd like to set ...
3
votes
2answers
524 views

What is the best way to responsively display large amounts of tabular data?

I'm working on a redesign that needs to translate well from desktop to tablets. There is a table that could potentially hold thousands of entries. Think of this page as a dashboard. From what I ...
3
votes
1answer
782 views

Textarea inside of a table. Avoid?

We need an input in a table cell. Table is used for representation of the data. Table can be sorted, it has a border 1px. Depends on the business rule input will be either validated, accepted or ...
3
votes
1answer
144 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
1answer
553 views

Delete button placement? [duplicate]

I am currently working on an application that allows for massive data entry. With that data entry also come with a need to delete some of the entries. The flow of the application starts when a user ...
3
votes
4answers
217 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 ...
2
votes
4answers
1k views

Boolean table cell values - best way to show Yes/No

I have a table with some columns showing Boolean values of Yes/No. What do you think is the best way to show it? Several alternatives I can think of are: Leave the Yes/No labels Utilize a ...
2
votes
4answers
1k views

Examples of hierarchy in data tables and their usability

Has anyone come across data table UI design/patterns that also show some form of hierarchy? I am trying to think of examples similar to Excel, but used in web applications or mobile apps because it ...
2
votes
2answers
232 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 ...
2
votes
2answers
182 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 ...
2
votes
4answers
1k views

Tile vs Table/List view: Do they need to display exactly the same information?

I am currently working on a design (for a school/teacher app) that displays information about students. Two different views are offered to the user: tile and table view. The argument among people on ...
2
votes
1answer
69 views

Is multi-layer ESCAPE expected?

We design an application, containing a grid with an active filter search and inline-editable columns. Each row represents a record, of which multiple fields are editable. The application should be ...
2
votes
2answers
288 views

Alternative method for displaying numerical data

I'm looking for alternative suggestions for displaying the following: download bmml source – Wireframes created with Balsamiq Mockups (Total = Available + In Use + Expired) One ...
2
votes
2answers
759 views

Action buttons placement related to data tables

Background Over the course of the last few months on common element shared between a large number of internal development teams, is the need to provide functionality on a data table. Once of the ...
2
votes
3answers
144 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 ...