Skip to main content

Questions tagged [data-tables]

Use this tag only for data tables questions

Filter by
Sorted by
Tagged with
232 votes
23 answers
150k 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,745
76 votes
4 answers
12k 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,362
53 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
  • 995
41 votes
3 answers
75k 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
  • 752
32 votes
10 answers
7k views

How do you make it clear to the user when the data in a table is updating live (or not)?

We have a requirement to have a table of data update in real-time. New records will get added over time, as well as amendments on a cell by cell basis. However if a user changes the sort order, or ...
Andrew Rimmer's user avatar
28 votes
5 answers
20k 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
22 votes
4 answers
4k views

Where should a newly added item go in table?

Admin tool. Table with thousands of items (users) sorted by name (from A to Z). The table has a pagination. Let's say you are on page #16 (out of 999). You are adding a new user. Where should the ...
Eugene Tochilin's user avatar
21 votes
8 answers
9k views

How should "Select All" work in a "LOAD MORE" table?

We are building an enterprise which consists of tables with a lot of data. Our solution for the tables is to have an infinite scroll with a "Load More" button. There would be information of the ...
Loro's user avatar
  • 591
19 votes
4 answers
24k views

Editable table in material design

we're designing a web application in material design and we have an editable table there - something like this: Any suggestion on how to indicate the editable fields, if not all columns are editable? ...
Jaroslav M's user avatar
19 votes
3 answers
6k 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
  • 27.3k
17 votes
6 answers
7k views

In a static data table, should rows be highlighted on hover?

My team is building a Material Design table component. The Material Design guidelines on data tables state: Row hover (Desktop) Display a background in a table row if a user hovers over any ...
User not found's user avatar
16 votes
3 answers
4k views

Icons in table head - good practices

When to use icons instead of texts? Are there good practices related to the subject? Ex:
Andreioli's user avatar
  • 263
16 votes
4 answers
21k 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,308
15 votes
3 answers
3k views

Need a better layout, so that blank space can be utilized

Here - I don't want to repeat the same ID, first name and last name to all the subjects so I used expand buttons. - This approach significantly reduces number of rows that are visible when all the ...
Parag Bandewar's user avatar
12 votes
8 answers
4k 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 ...
rdellara's user avatar
  • 880
12 votes
5 answers
8k 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
12 votes
1 answer
15k 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 ...
RanzQ's user avatar
  • 121
12 votes
7 answers
12k views

Expandable rows, quick view or modal to show a big section with details for a row in a table?

I have a table and in the first version of the implementation, I had expandable rows with info. In the new version, the client wants expandable sections in the section expanded because it is a lot of ...
Madalina Taina's user avatar
10 votes
5 answers
4k views

Should we use check boxes or not and select rows on click

We have a CMS like panel where user needs to manage orders. We have table which you can see below. A friend (who is known experienced in UX) says we should remove checkboxes and select/discard rows on ...
Hasan Gürsoy's user avatar
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
10 votes
3 answers
6k views

Adding new item in a table list: At the end of the list or open a new page?

Which among the 2 ways of adding new data to table list is better and if so, in what context? END OF THE LIST (similar to adding new data in spreadsheet documents): OPEN A NEW PAGE FORM:
catandmouse's user avatar
  • 4,308
10 votes
5 answers
45k views

Vertical and Horizontal three dots icon button usage

Despite the Material Design has great guideline documentation, I'm confused about vertical/horizontal dots icon for a Web App since for mobile, the vertical solution is a stablished pattern. I found ...
luxo's user avatar
  • 111
9 votes
1 answer
7k 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
9 votes
2 answers
7k views

How to best present multiple statuses in a table?

I have a table of data, each row represents a quote that can have several statuses. A while back when the status system was less complex I decided it would be best to enrich the status data and ...
Lukas_T's user avatar
  • 317
9 votes
4 answers
15k 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. ...
Dave L's user avatar
  • 193
9 votes
4 answers
1k views

How to create a custom textbox with a label and value

I am not a designer but I am dealing with a task to implement a functionality. I have to develop a working UI where a user can enter values into text-boxes inside a grid. While entering these values ...
Chetan's user avatar
  • 211
9 votes
2 answers
10k 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, I'...
Matt Jacob's user avatar
8 votes
3 answers
468 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 ...
K..'s user avatar
  • 3,914
8 votes
3 answers
2k views

Accessibility of tables without borders

Does having a data table without cell borders affect accessibility and usability in any way? I can't seem to find an answer online. Having borders definitely increases readability. Can we say it is a ...
Ramji Seetharaman's user avatar
8 votes
2 answers
17k views

In tables should date/time/year in table be left or right aligned? [duplicate]

I would like to know whether the date/time/year should be right or left aligned in data tables/table? Some articles mention right align, while some left align. Is there any standard followed ...
NB4's user avatar
  • 2,501
8 votes
2 answers
863 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 ...
Dominik Oslizlo's user avatar
7 votes
3 answers
4k 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 ...
AverageMarcus's user avatar
7 votes
4 answers
4k 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 Check-box ...
Dvir Adler's user avatar
  • 5,043
7 votes
2 answers
16k views

Most readable way to display key value pairs

I am designing an app which has lots of data on any given screen, I've search Google and UX stack exchange and can't seem to find anything (perhaps I'm phrasing my search term wrong). Is there any ...
Jon Kyte's user avatar
  • 287
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
7 votes
1 answer
15k views

Best practices to allow user to hide/show columns in a data table

I have a table which can contain more than 15 columns, it is not likely that users will see the 15 columns at the same time, but I need to give them the option to select which columns they want to see....
Amapola's user avatar
  • 213
7 votes
4 answers
3k 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 ...
Erics's user avatar
  • 9,331
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
7 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
7 votes
2 answers
1k 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 ...
David Mulder's user avatar
  • 3,289
6 votes
4 answers
7k 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
7 answers
2k 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 ...
paulseys's user avatar
  • 1,112
6 votes
2 answers
480 views

Trouble creating surveys with iOS elements

I'm working with a client on a project that will include survey elements within the app. There are a few survey elements that I've never seen on a native app and would appreciate some guidance on how ...
propstm's user avatar
  • 113
6 votes
3 answers
3k 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 ...
nightning's user avatar
  • 8,571
6 votes
3 answers
861 views

Is an edit button necessary for a row of data?

If we have a data table, each row is clickable to see more details (and is editable from there). But for affordance purposes, should we explicitly include an edit icon / button for each row even ...
catandmouse's user avatar
  • 4,308
6 votes
3 answers
347 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 ...
Neil Mazumder's user avatar
6 votes
3 answers
3k 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 ...
Paul Wallas's user avatar
6 votes
3 answers
417 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 ...
uobroin's user avatar
  • 957
6 votes
1 answer
4k 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 ...
PEC's user avatar
  • 161
5 votes
4 answers
1k 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 Mint.com....
Chris Janssen's user avatar

1
2 3 4 5
9