Questions tagged [data-tables]

Use this tag only for data tables questions

Filter by
Sorted by
Tagged with
230 votes
23 answers
147k 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 ...
Jason's user avatar
  • 2,725
40 votes
3 answers
72k 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 ...
HarveyZA's user avatar
  • 742
75 votes
4 answers
11k views

Is there a better way than zebra stripes

Currently we are working on a project that includes many datatables. Before deciding to use zebra stripes to make datatables easier to manage, I wanted to ask if you could advise a better solution ...
Hakan Isik's user avatar
  • 1,352
28 votes
5 answers
19k 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 ...
Yoel's user avatar
  • 433
18 votes
3 answers
5k views

Design pattern for sorting / ordering items in card view

In a table design pattern there is usually a 'primary' key value which all the other values can be sorted by, and it is easy to sort or order the rest of the attributes associated with the item. ...
Michael Lai's user avatar
  • 26.7k
7 votes
3 answers
4k views

Displaying a large number of columns in a table

I have a Twitter Bootstrap based table with responsive CSS. Everything looks good but, when I try to put more columns than the size of the table supports, I have a line breaking. I tried to change ...
John's user avatar
  • 153
51 votes
4 answers
12k views

When your page has no results, what do you show?

I am paginating a data table and have different views in my application where each view has its own rows. Some views may have data, some may not. Showing 1-0 of 0 Page 1 of 0 is what I am showing ...
PirateApp's user avatar
  • 931
16 votes
4 answers
19k 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 ...
catandmouse's user avatar
  • 4,238
12 votes
5 answers
7k 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 created ...
K..'s user avatar
  • 3,914
10 votes
2 answers
1k 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, ...
germainelol's user avatar
9 votes
1 answer
6k views

A table within a table - Table Inception

Here is a little UX problem I'm working on right now and I'm posting it here because after a lot of research, there are not many good examples of this out there. The context: Consider this as a web ...
RobbyReindeer's user avatar
7 votes
8 answers
9k views

Best approach for huge data tables (currently using scrolls)

Experts, I need help in assessing the best approach for huge tables (lets say 500 rows), we want something that is intuitive, visibly appealing and gives more focus to table data. Most pages will ...
Adnan's user avatar
  • 71
6 votes
4 answers
6k 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 ...
Evgeny's user avatar
  • 161
6 votes
4 answers
15k views

What is the best practice for data table filters?

For best user experience, what is the best practice for data table filters with 10+ columns? User's Goal: The user is trying to filter the list using of various filter types dates, number and ...
Saroj Shahi's user avatar
5 votes
1 answer
3k 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 ...
Jason Frade's user avatar
  • 2,296
4 votes
2 answers
2k 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 ...
Ravi's user avatar
  • 1,198
4 votes
4 answers
5k 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 ...
AeroTin's user avatar
  • 41
3 votes
1 answer
894 views

Tables with a lot of data for small screen sizes

It is probably not just me who finds responsive tables barely readable when using small screen devices. In most of cases they look like in example #1. I find this way completely impractical when ...
Ivan Venediktov's user avatar
3 votes
4 answers
4k 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 ...
Michael Lai's user avatar
  • 26.7k
3 votes
2 answers
2k 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 gather,...
randomUXintern's user avatar
2 votes
3 answers
2k views

Expand truncated table cell content on hover

I'm working on a project using Google's Material Design and am running into an issue where we need to truncate table cell content. There is a spec for truncating table headers and showing the full ...
Chris's user avatar
  • 21
2 votes
5 answers
189 views

How to display data behind a data point in a matrix?

I'm trying to design an internal tool for software testing purposes. We have a system that consists of a number of servers. To verify that the system as a whole is stable we monitor different ...
Michael's user avatar
  • 271
2 votes
3 answers
2k views

Displaying million records in Master Detail Grid (Million in both master detail)

I am facing a UX issue while creating a master-detail grid in which both master and detail can have over a million rows. The simplest solution would be to enable paging in both master and detail. ...
Apurv's user avatar
  • 21
1 vote
1 answer
444 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 ...
anglc's user avatar
  • 118
1 vote
2 answers
886 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 ...
thevangelist's user avatar
0 votes
2 answers
242 views

Filtering and Sorting a Table that has more than 1 row per user

Imagine if... you had 6 users. They all drove cars. The table shows which cars they drive and how many miles they have driven each car. It also shows a flag which is just a way to tag a user that is ...
Antistandard's user avatar