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)

0
votes
3answers
185 views

Icon Placement within a row

I have a table with template names and the actions available will be shown in the form of icons next to the names. There are two options. Option 1 Icons next to the name(left aligned) appearing on ...
3
votes
3answers
121 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
65 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
75 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
123 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
57 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
53 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
33 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
303 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 ...
2
votes
1answer
90 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 ...
3
votes
1answer
71 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
48 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 ...
6
votes
3answers
328 views

Should table rows be numbered?

I've created a a form that generate a list of results in a table. I'd to know if it's interesting to number each row of table, the default number of row is 20. there is a pagination too. 20 results ...
0
votes
1answer
100 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
173 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 ...
0
votes
2answers
110 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
223 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
2answers
93 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
0answers
20 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: ...
1
vote
2answers
136 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
2answers
126 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 ...
2
votes
3answers
125 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
83 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
253 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, ...
0
votes
4answers
70 views

Reconciling temporal relevance with awareness of existence in categorized item tables

I'm displaying an overview table of items. The items have a: category a date additional, domain-specific information that needs to be displayed in the same view On the overview list, only one item ...
0
votes
0answers
19 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 ...
15
votes
2answers
7k views

What some alternative ways to present tabular data instead of the standard table in the UI?

What some alternative ways to present tabular data instead of the standard table in the UI? I don't want the data to be displayed in formal tables with rows and columns. Is there any way of grouping ...
4
votes
3answers
448 views

Does it make sense to put search result filters on the left in a table in which each column is filterable?

Looking around at high-profile sites such as eBay and LinkedIn, it seems pretty standard to show filter options on the left after a search has been performed. It also strikes me that the results shown ...
0
votes
2answers
96 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 ...
11
votes
3answers
6k views

Best UI approach to align the column titles of reports

I would like to know what the best approach is to align header columns according to their data type. I haven't found any Human Design Interface articles explaining this. Should the header column ...
6
votes
3answers
8k views

What is the standard on displaying wide tables on mobile devices?

We need to display wide tables (10+ columns) on our new mobile website. Is the standard to: Scroll Horizontally without any indication that the visitor can scroll to the right (like Google Docs) ...
0
votes
1answer
157 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
227 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 ...
2
votes
2answers
97 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 ...
0
votes
0answers
52 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 ...
1
vote
2answers
284 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 ...
31
votes
7answers
24k views

Responsive Design - How to deal with wide HTML Tables

I am doing a proof of concept with responsive design. One web page that I am modifying has some extremely wide tables. I really don't know how to shrink the tables width so there is no horizontal ...
7
votes
6answers
1k views

How do I edit a table of text items in iOS?

I am looking for help editing a list of text items (names) in a table in iOS. I am using a simple table that displays the name of an item (first mockup). Currently, I allow the user to enter Edit ...
2
votes
3answers
186 views

In a data-table, should actions be on the left or right

When working with tables, I prefer to place actions that are specific to the row (i.e. edit, delete, etc.) within the row. Sometimes I use an action menu, sometimes it's an edit or delete icon. ...
9
votes
1answer
270 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?
2
votes
0answers
28 views

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

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?
3
votes
5answers
242 views

What's the best way to show multiple errors associated with a table row?

After loading some files I get a table that looks like the following: The picture above shows that 49 rows were processed, of which 33 are okay, 8 have warnings and 8 have errors. Now, each rows ...
3
votes
3answers
109 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
85 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 Item   &...
2
votes
4answers
190 views

What ASCII character to use for “align center”?

If I use < to represent the setting "align left" and > to represent the setting "align right" what symbol should I use for "align center"? Is there any de facto standard for this? The symbol ...
1
vote
2answers
158 views

Horizontal swiping for wide tables with too many columns in mobile

working on a size chart for a apparel e-commerce app. there are some extreme cases were some products seem to have so many sizes. the layout of the table isn't changeable. so i think the best solution ...
6
votes
3answers
195 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 ...
11
votes
3answers
13k views

Table data in Mobile phones

I want to display a table with 4/5 columns and possibly 100 rows (as in desktop app right now) in smartphones. The table cells are also editable. Now we want to port this desktop app to smartphones (...
26
votes
12answers
30k views

How should large table columns be handled on a responsive design?

Related to This Question, I'm interested in what I should do with a responsive design theme where the users have control over the columns which are displayed in a tabular, data rich page. Users are ...
5
votes
3answers
332 views

What are the best practices and/or guidelines to replace a table on mobile apps?

I was asked to create a small and likely simple mobile application to display evaluation and its details. Problem is that the person who created the wireframes was clearly thinking on a website ...