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
2answers
71 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
5k 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 ...
0
votes
2answers
180 views

references for table alternative

Do you have any references you can link me to, where I could display this data, but not in a table? This will be used by 500 to 10000 people, and they want to have : drag and drop for re-ordering, ...
6
votes
3answers
7k 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
80 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
163 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
4answers
65 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
2answers
39 views

Displaying couple of independent tables with different loading time

I got a webapp dashboard with couple of tables (around 6 tables with fixed order usually not fit on page without scrolling down the page). Tables are filled out with a data provided form backend - ...
0
votes
2answers
114 views

Adding multiple filters in a table

Is it recommended that the filter is hidden at all times displaying its elements on request or have them upfront ? Image 1 : All filters displayed Image 2 : Add filters on request
6
votes
1answer
343 views

Fling cells in table view

I'm currently working on a concept that allows user to "fling" table view cells in the reordering process (you can watch my short demo here). I have broad experience with iOS apps but haven't seen ...
2
votes
2answers
74 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
3answers
95 views

What are the best practices for sorting tables with sections?

When you have a table with sections, the sections denote a hierarchy for instance: Name Corners Perimeter - Standard Shapes 7 ...
2
votes
3answers
231 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
0answers
33 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
222 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 ...
2
votes
1answer
97 views

Sortable & Filterable Table - Best place to return to once filter cleared?

I have table of records, of which three columns are sortable by ascending/descending state. This table is also filterable. The name column is clickable, which then loads the webapp's version of an ...
30
votes
7answers
22k 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 ...
1
vote
3answers
85 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
210 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?
1
vote
0answers
18 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?
2
votes
5answers
164 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
80 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
79 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
4answers
105 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
78 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
184 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
12k 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 ...
23
votes
12answers
24k 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
150 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 ...
1
vote
1answer
114 views

How to let a user choose from a list of menu options

I have the following task: Design a website which offers menu options for a week, whereas on each day you basically have 2 options to choose from (Soup is always fixed): Soup Menu 1 Menu 2 Now I ...
6
votes
10answers
421 views

Multiple icons/indicators on a table row

I am creating a table that lists all of the people in a group (75-125 people). I need to flag certain people with key roles in this group so they can be identified at a glance. There could be up to 10 ...
0
votes
2answers
53 views

What should be the column title in a grid which shows checkboxes, where sorting is enabled?

I am looking for a title for the checkboxes where sorting is enabled for that particular column. Since they're checkboxes, I'm not sure what the title could be since there isn't any descriptive factor ...
0
votes
0answers
63 views

Display Table With Conditional Columns

I'm looking for insight on how to effectively display tabular data to a user where not all rows have data for specific fields/columns. Here's a simple example - I have a list of reports that I want ...
1
vote
3answers
147 views

Group rows in a table

It is very common to see tables on web applications nowadays but is not that simple to see tables with groups of rows. I have a table which can have multiple groups of rows. Each group can have from ...
1
vote
1answer
84 views

“Select all” and search field in a table

I'm looking for a solution that will allow to send specific items by clicking "Send". The selection of these items should be done while allowing: Adding specific value by search (narrows results on ...
1
vote
2answers
72 views

How to show row related information

I have a grid of selectable rows. Each time a user selects a row a new panel will come from the botton of the page to show its related "Events" and "Comments". This way they'll be able to access ...
2
votes
1answer
45 views

Best data formatting for sorted and unsorted lists (names, dates, etc) [closed]

Anyone have guidelines (ideally backed up by scientific study) for the best way to format data in lists/tables/grids? I'm arguing with my group about name formats--I think we should always display ...
4
votes
5answers
956 views

Combine edit and action column?

In the table below, you can see the first column contains what I called the "action menu" and some examples of action could be: email, create task, send letter, create paycheck... The second column is ...
0
votes
2answers
104 views

Displaying add & edit note actions for each row in a table

I work on a web application and i have a list of users. On each user i can do some actions (Enable/Disable and Add/Remove Tax). Now my users could have need to add some note on a row, for example I ...
1
vote
2answers
135 views

Add drag and drop items to multiple places in a tree

I'm struggling with a problem relating to a drag and drop system. Iā€™m designing a complex system that allows the user to configure a decision tree to get to a price value. This system simplified is ...
7
votes
1answer
1k views

empty cells in accessible html tables

For an html data table in which each row represents an item (such as an email) would screen-reader users prefer empty table cells to be empty or to have a placeholder like a dash? In my brief ...
2
votes
2answers
162 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 ...
5
votes
3answers
457 views

Inline table edits: how to make it quick to edit?

I'm dealing with a data table with a large number of columns and rows. Because there are so many columns, I'm thinking of putting in something that scrolls horizontally and vertically while fixing the ...
1
vote
1answer
43 views

What should take priority when highlighting a column and a row?

Background I have a table with a bunch of data that is connected to a map. The table row and table column can both be highlighted through different ways Rows get highlighted when the user clicks on ...
1
vote
3answers
80 views

Why does too much customization feels dull and disjointed?

We are developing a saas program for the ecommerce platform. Each product has a name, price, sku, description, variant and etc. By going into a product page, users can edit each product. Instead, our ...
0
votes
3answers
60 views

Show items added by user [duplicate]

I'm working on a Inventory System where users make orders using a form. The user will fill a couple of fields and then he will choose the products that he wants. I'm wondering on how to show the ...
0
votes
1answer
140 views

Best way to show tables with less data

We have several pages that display data in a tabular format. We have a standard table design that we follow that has footer which includes pagination. What I would like to know is when we have less ...
3
votes
3answers
627 views

User inputs into tables

I'm working on a desktop-based app, where there is quite a large number of inputs the user needs to enter. I'm struggling to present the data to the user in such a way that looks good, whilst still ...
2
votes
2answers
43 views

Should the row numbering of a table update if a row gets removed?

I have a table with automatic row numbering and the user can delete rows. My question now is if the row numbering should update if a row gets removed. Are there any UX drawbacks from doing so? I ...