Tables are a means of organizing content into rows and columns, often – but not always – in a grid-based layout where columns and rows have distinct relationships.

learn more… | top users | synonyms (1)

5
votes
5answers
154 views

What if table columns cannot fit on webpage?

If I've 12 - 14 columns in a table to show on a page but there's not enough space to show all columns (let's say, there's only enough space to show 7 columns of the table), what is the solution for ...
4
votes
1answer
79 views

How to display a single column and multiple rows in UI?

I have to create the UI for a new dashboard. Most of the sections follow "single column, multiple records" policy. E.g. one section lists all the dates where attendance data is missing. So, it has ...
13
votes
4answers
1k views

Multiple values in one cell in table

I have a table where there might be two values in one cell, what is the best practice to display this? With a comma or line break or something else? Unfortunately the values are quite long, and I ...
3
votes
1answer
30 views

How should the filter feature manifest itself in google material design tables

I've checked the material design documentation but there is no clear indicator that I can see to tell me what happens if I click on the . Here's the icon in situ. I want to know what the ...
1
vote
1answer
42 views

Selecting single/multiple rows in a table

I am building a software where a lot of the information is placed in tables. Selecting a single row from the table loads a section with the most important information about the entry. There are also ...
0
votes
2answers
33 views

Optical Illusion created while displaying a table with spaced rows

I'm creating a form that is essentially a table. It looks a bit like this: The issue I'm having here is that when you look at it long enough, the vertical lines separating the cells in each row ...
0
votes
2answers
68 views

How to add more columns to data grid keeping it more expressive

If i have a grid view like this and i have to add more columns one as link button and one for notes (text) .the table is full of data how to handle this problem:
0
votes
2answers
39 views

Sort by a value not shown in the table

I am working on an application that will run on phones and tablets. The application can be used for attendance management and for viewing hours the user wrote previously. Here is the view for this ...
3
votes
2answers
63 views

Ways to display both string and boolean on page

I have an unusual question regarding how displayed data should look as opposed to how to code the solution. I really don't know where to ask this. I have a table that contains settings for a web ...
1
vote
1answer
34 views

Best way to place table specific functions [closed]

I am looking for the most intuitive location for table specific functions. In our webapplication, which is available on all devices, we display large amount of data in tables. The columns of these ...
1
vote
1answer
52 views

Compact Tableview

I'm currently working on a web application that includes a kind of table where each row can be expanded and collapsed, respectively. I added the picture below that you can see what I mean: Now all ...
1
vote
2answers
43 views

Internet Plans table - Differentiate by speed Units

I have this administrator section in my online Internet Service Provider management system where he can insert new Internet plans, edit and visualize existing ones. Here is a simple example using ...
3
votes
1answer
52 views

Make the user decide number of rows/columns beforehand or give the user an excel like sheet?

I am making a table for the user to fill out the information. My question is what approach to use; is it best practice to make the user chose the number of rows and columns beforehand, like so : or ...
2
votes
4answers
104 views

Better place to put the edit button on table

I'm struggling with a decision here.. What is the best place (and why) to put the edit button on a table if the edit mode will act only in partial content of that row?
3
votes
3answers
111 views

Indicate ”hoverable” text

I have a table with “hoverable” text, but how do I make it clear to the user that more information will show up if he hovers over it? I was thinking of an icon at first, but I don’t know if it is ...
2
votes
0answers
58 views

Columns in a table - settings buttons position

I am building a screen for a rather big platform and I am trying to figure the best position for settings buttons for a column in a table. The table holds information about players and their ...
3
votes
1answer
73 views

How to translate a visual experience to screen reader users

I have a table with selectable rows. I can select only one row. Sighted users can click anywhere in a row to select it. In the context of a website that is as good for blind users and sighted users, ...
3
votes
4answers
119 views

Better way to present sparse, regularly recurring events?

I'm trying to make up a listing of events that needs to fit in a small space, and I'm struggling with the right way to present the data. There are four events that recur in this system. On any given ...
1
vote
2answers
52 views

Table Elements Placement

I have a web application where I need to show certain data in tabular format.I have certain queries from a UX perspective based on my diagram below : What should be the ideal placement of elements ...
2
votes
0answers
48 views

Pattern or strategy for showing hierarchical response content?

I'm expanding my app's capabilities from this: ...to displaying all the rules that were applied, results for each rule, rule description, and link to more info. I'd really appreciate pointers to ...
1
vote
1answer
32 views

Column header name suggestions

I have a column in a table with each cell being a toggle switch (on/off),what would be an appropriate header for the column? Right now I have just called it as state
5
votes
6answers
297 views

Representing Chronological flow in a table

I have an application that tracks the housing history of program participants. The worker using this program will already have their current housing information inputted elsewhere. Normally, I would ...
3
votes
1answer
66 views

Filters in table, show columns or not?

I have a table that has about 6-7 columns. Kind of like this: The user will be able to filter the results in the table which (in the end) will make the rows display the same values (except one of ...
1
vote
1answer
46 views

Right place to add a new comment on lazy loading screen

Consider a mobile app screen with many comments, which are ordered by created date (oldest first). Comments are lazily loaded, page size = 10. Now please consider the following use case: The user ...
0
votes
1answer
78 views

Pavination Vs. Infinite Scroll in Datagrids

Pavination Vs. Infinite Scroll in Datagrids Are there any research findings or papers or usability testing findings on Pagination Vs. Infinite scroll in a datagrid. I am trying to define UX patterns ...
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 ...
2
votes
1answer
73 views

What would be best way to entitle a table column if it can contain only two values?

I need to create a UI for a budget overview tool and the only option to create this UI is to use a table. The table will contain expense name, cost in local currency, cost in target currency and a ...
0
votes
2answers
96 views

In what order to place sort up/down buttons in a table?

This is a simple question: In what order should I place the move down and move up button in a sortable table? This may be "opinion based", but I hope it's not and there is a definite preference. Out ...
6
votes
1answer
205 views

How to represent “no data” cells in HTML tables?

In web presentation, I have those table cells which contain no data. How to represent such an information? Notes about the table: its basic dimensions are roughly 10 × 20, but can grow to 15 ...
0
votes
0answers
18 views

Reordering blocks and rows within that block

I've been tasked with a difficult challenge and I am looking for a workaround due to my latest idea being rejected. What we need: We need to be able to reorder three block containers labelled: ...
2
votes
1answer
68 views

Interactive Table with graph drilldown

The following is a very rough, very disguised view of what I'm really working on, so hopefully it will suffice as a visual example for the following conundrum: I have an app with a large spreadsheet ...
1
vote
2answers
109 views

Table Pagination

I have a standard table with around 1500 enteries as shown below : How do I capture the fact that I want to migrate on a particular page(for eg say page no.13) without having to click multiple times ...
1
vote
2answers
106 views

Best way to display data from different categories in a single table?

I am currently trying to figure out the best way to display filterable leaderboard-like data in my web application. The app functions as a type of online-voting competition. When people sign up with ...
1
vote
3answers
114 views

Is strike through text a good indicator for an item in a list for being deactivated

In a healthcare product how will we show deactivated list items. I have given two options below where the first one is strike through option, which is there already in the older product and a new ...
0
votes
1answer
77 views

Best way to Show Complex and Lengthy Table Headings

So I have been creating a design for a table in which there is Heading Tr1=> Roll | Name | Subjects | Subjects | Subjects |||| | Aggregate | Heading Tr2=> |part|part|total| ...
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, ...
2
votes
1answer
52 views

Edit-Delete on index tables

I'm redesigning an admin portal. Right not we have A LOT of index tables with Edit-Delete buttons exposed on the table. Some of the team members want to change the pattern: remove the edit-delete ...
1
vote
1answer
36 views

Is it okay to change the default value of the dropdown based on the last selected action and use it as default for the next list?

Is it okay to change the default value of the dropdown based on the last selected action and use it as default for the next list? What's the disadvantage for the users? On the Table, the dropdown ...
0
votes
0answers
17 views

Saving current filters/sorting configurations. Rewrite/save as new

I have a business app with a lot of tabular data. The data is viewed in the form of the tables with lots of filtering/sorting/grouping/etc functionalities. When a user sets up several filters and such ...
3
votes
2answers
126 views

Showing single file download and multiple file download options?

Background We are creating wireframes for a website that acts as a repository for where users can download various files. Users should be allowed to download one file at a time and also multiple files ...
0
votes
2answers
73 views

Sorting and pagination of unknown data set

We are building a system that are dealing with a huge amount of information (mainly data presented in different tables). When fetching the data only 100 items is apparently fetched from the server, ...
0
votes
2answers
91 views

Better way to display only one word (Twitter hashtag) in table row on iOS

I'm working on a small project for iOS. I have a page set up where the user can see the current trends from Twitter. Currently my UI looks like this: I think this looks rather dull but i cannot think ...
0
votes
1answer
134 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 ...
9
votes
4answers
207 views

Should searching a table include hidden columns?

I have a table accompanied by a search component. The table is filtering items upon typing according to the following rule: If at least one of the item properties contains the text at the search box ...
0
votes
0answers
48 views

Responsive layout standard for table layouts

Currently I am working on Enterprise layout wherein material design cards that are pretending like tables. I started of UX design for first hand screen flow with 1280 x 1024 to showcase how the ...
2
votes
0answers
25 views

Is there any way that multiple select can be applied to deactivate or disable random member in a group?

Is there any way that multiple select can be applied to deactivate or disable random member without affecting the group which is also can be deactivated?
9
votes
1answer
253 views

On a table where rows can be selected with a checkbox - Should the checkbox be on left or right?

Say, for example, we have a table with various rows, and you can check a checkbox to select the row. Is it more natural to have the checkbox on the leftmost column, or the rightmost column?
3
votes
3answers
96 views

Indicative tooltip + info tooltip over the same element

I have a table that contains some items texts the user can click to filter by those values. For example, if they click on the username, only rows containing that username will be shown on the table. ...
4
votes
3answers
84 views

How to show a voided item without strikethrough?

I have a list of items in a table like this: Description of First Item    $100 Description of Second Item    -$50 Description of Third ...
2
votes
2answers
92 views

Table with multiple submission links for flip switch input

We are working on a shopping app and have the following display as shown below. The main idea of the app is to help users organize their shopping lists, and note when to, and when not to buy items ...