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

173
votes
23answers
62k 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
17k 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
1k 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
2k 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
3k 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
192 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
218 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
433 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
529 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
221 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
3answers
80 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 ...
5
votes
1answer
147 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
97 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
85 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
223 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
346 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
155 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
176 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
682 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
234 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
232 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
971 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
862 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
274 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
335 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
147 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
288 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
212 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
548 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
181 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
760 views

Data table with no data rows - show, or hide and display alt content

In a web page I have a table with a header row that is visually distinct from the data rows in the table 'body'. In some application states there will be no rows to populate the table and the header ...
3
votes
2answers
95 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 ...
3
votes
2answers
546 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
798 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
154 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
559 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
237 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
251 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
183 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
2k 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 ...