Questions tagged [tables]

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.

Filter by
Sorted by
Tagged with
1
vote
1answer
111 views

Having Trouble with Nested Line Items in a Mobile App

I'm trying to figure out the best UX for the following situation, in which we are developing a mobile application that will work with the database from an existing web application. In the web ...
1
vote
0answers
181 views

Alternative to side scrolling table for an infinite list of X-Axis checkbox items

I have a problem in which there is a table that does not have a predefined amount of columns or rows. i.e., for both the X and Y axis there is no limit. This invites a high probability of the user ...
1
vote
1answer
100 views

Choice of UI widget for marking item in list as unsatisfactory

I am prototyping an HTML5/CSS3 input form where users enter some details about goods received in relation to an order. They are able to mark items as accepted though unsatisfactory (e.g. arrived zinc-...
1
vote
0answers
60 views

What is the name of the type of product page where multiple part numbers are listed in a table/chart?

In web design circles for B2B ecommerce, I often see references to a type of product page where multiple products are listed in a single table/chart. Instead of there being a single product with an "...
0
votes
1answer
145 views

Nested Folders selection

I'm working on a selection in which I have a list of folders. This is the structure: Let's say I want to select a folder. The folder, its children, and future children will be selected. First ...
1
vote
2answers
1k views

Is it logical to use tables for responsive web design in 2018?

As the title says I was wondering whether using tables for responsive web design still a thing in 2018? What are the pros and cons if I do use tables instead of semantic markup apart from SEO?
2
votes
2answers
270 views

Null value or Empty display

Firstly, I am not sure if this question is suitable for this community or not. I am working on creating a report table that is given to the user after compiling some data. Now in the table cell, I ...
2
votes
2answers
618 views

Way to fit a more than 20 columns wide table in PDF?

I have a table with more than 20 columns. This table is displayed with scrolling on a website. I have to scale these columns for a PDF export. Is there a UI pattern that helps fitting these columns ...
2
votes
2answers
146 views

Call to action button within/out of a table on a pricing page

I am wondering if there are any points/reasons regarding UX in defense of either one of those two solutions: the CTA outside of the table at all or in the bottom "section". Not minding the colors ...
4
votes
4answers
899 views

How to add one or more items to the table row?

Context I'm working on very complex enterprise solution. We have this table that shows list of let's call them contracts. Every contract (row) can contain one or more customers (and one or more ...
1
vote
1answer
70 views

Avoid table with empty cells

We need to show the list of students with their scores who study different subjects. Putting it in a table results in a lot of empty cells (as shown below). What is the effective way of showing the ...
1
vote
1answer
558 views

Action Menu on table

I was recently working on a table project and I came up with an issue. I have a table where each row has a set of actions as "Add to bookmark" "Add to CRM" "View Full Screen". So here showing this ...
1
vote
2answers
136 views

How to let user know that he cannot do an action because he selected too many items

in our internal business application we have a list of results. The user can do two different actions: open (and edit) a record view the history of a record Now both of these actions can be ...
1
vote
1answer
745 views

Best way to show nested tree-model data in HTML tables

I'm making a webapp, that will mostly be used on desktop, is not intended to be used in mobile (at least, the dashboard area) - so that's no problem for me... Let's say I have some data-model that is ...
0
votes
1answer
231 views

Which is best way to add a new line to a table?

Here are 4 propositions about adding a line in a table (the red button): For me, the best way is the last one with the fat add_button. Can you make me sure it is the best way?
1
vote
1answer
110 views

How to show missing values in table rows and columns?

Approach 1 Show NA for missing items Approach 2 Show - sign for missing items I have a table that displays crypto prices, volume etc. There are often times when I don't have data in a particular ...
4
votes
2answers
300 views

How to align prices in columns when both 2 digit and 4 digit variations of a price exist?

I am trying to display data similar to coinmarketcap with prices for coins, some above 1$ in which case they are rounded to 2 zeroes, some below 1$ in which case they have 4 digits following the ...
0
votes
1answer
78 views

Ideal way to implement iOS drill down table on a website?

I have an iOS app that displays small bits of information in drill down tables. It's for a list of schools, and goes something like this: [press] Countries > (list of countries) [press] Italy > (list ...
1
vote
1answer
223 views

Is it always necessary to have table column headings?

Is this "lesson logger" UI clear enough to understand without table headings? I'm trying to improve my user interface for users recording lessons. Previously there was one button that was "schedule ...
1
vote
1answer
436 views

What is the best practice for aligning table content for text/number mix? [duplicate]

What is the best practice for aligning table content for text/number mix? I know that for text/string content it should be aligned to the left and for numbers it should be aligned to the right of the ...
0
votes
1answer
313 views

Keeping table header in vertical format?

I'm designing a table. Would like to know the feasibility of this type of table? These values are a dummy. I have added table wireframe before & after scroll. When you scroll the table header ...
0
votes
2answers
98 views

Web index page with too many results

I'm developing a web app for schools, with a basic Person object. I'm assumnig it will have more than a thousand records. First I thought to make a table with pagination for the index page of Person, ...
0
votes
2answers
83 views

How to make it clear that a column of numbers is a link/clickable?

I have a column in a table that shows a list of "members" and their "item" count (I'm using abstract terms here). The purpose of this table is to show the members with the most items and allow the ...
2
votes
1answer
210 views

Sorting by table column with dropdown in the header

I'm wondering if the following makes sense. Please note, splitting the information into separate columns is not an option due to too many columns. Column 1: there are more time stamps the column ...
2
votes
6answers
2k views

Infinite scroll and “Select all”

I have question about how Select All should work (in your opinion/research) together with Infinite Scroll in table. So I've got this table, which shows 40 items by default. After scrolling to bottom ...
4
votes
2answers
187 views

Design/Ideas needed for better utilization of space

There is one grid-view in our web application. But as you can see, group and category are eating up the space. Is there any better ideas for such layouts? Even if there is total change in the layout, ...
3
votes
5answers
272 views

Creating a new row above or below a selected table row

I have a form where users need to be able to insert new rows at any position in a table. Currently this is done by: 1) Click the row to insert a new row above or below 2) Select from a pulldown ...
0
votes
1answer
133 views

Ideal way to show multiple columns in an input table for keyboard navigation

I have a page as below. I have to show table with multiple input columns(> 30). in the region "input able with many coloumns" One Idea is have arrows on right and left and navigate. Another is have ...
1
vote
0answers
211 views

How to display a two column table with limited data on a wide page?

I am trying to create a table with three columns but there isn't much data to display. There will be a select button, the item name, and the item's detail (which will be very short) What's the best ...
0
votes
1answer
61 views

Table cells numbers

I'm designing a platform for the stock market where I have multiple tables and all the cells have numbers. I don´t have enough space because I have a lot of cells and the maximum number that can ...
1
vote
1answer
145 views

Modal content UX

I have a situation where I need to display a table with multiple rows of data. Row count can be from 1 to 99. Is a scrollable modal the correct UX, or should I display this info on its own page?
0
votes
1answer
115 views

Table of contents for an ebook

I am working on Ebook and want to display the table of contents of the eBook. It will have units, chapters in the unit, topics in each chapter. Any best practices to display the Table of contents for ...
3
votes
5answers
667 views

How to layout / structure a page with a long sidebar but a short content section?

Basically, I have a data table in the main content area and a filter section on the sidebar. The filter on the left serves as a filter for the data that would appear in the data table. Now, each of ...
1
vote
1answer
136 views

Time Series with Multiple Attributes for Each Year

We need to represent a time series of data. The problem is each item has multiple attributes that go along the time series. In essence, it's something like this - a long time series for 100+ items. ...
1
vote
1answer
157 views

Better layout for showing 3 tables on a page

There is a dashboard page which is managed by admin for monitoring countries, industries and notifications going to end user. I want to show these 3 tables on single page. I have designed those using ...
7
votes
4answers
2k views

How to design an “add n rows” button?

In a web app I have a table with some editable data (e.g. inputs, checkboxes), e.g. theKnot I'd like to have an add row functionality with option to add multiple rows at once. What would be the best ...
5
votes
3answers
405 views

Is it ok to change column width upon paging?

I have an issue with a table with pagination that doesn't have fixed column widths. I've been discussing with a colleague whether we should put fixed widths or not. So the approaches are: - Columns ...
2
votes
1answer
388 views

Modal table with big cells (long text)

I am faced with little headache: I have a modal dialog (~500-800px) that can have this one huge column. To top things off the text can be unlimited. Some ideas that I thought of are adding an icon ...
2
votes
4answers
244 views

How can I visualize that data for a cell is not applicable?

Let's say I have a data table of students: Name | Birthdate | Exit of school | Average Grade ---------------------------------------------------- Alice | 01.02.2010 | 23.10.2017 | 1....
1
vote
2answers
5k views

What is the best way for show a table on mobile app? [duplicate]

I was asked to create a mobile application to display datas. Problem is that the person who created the wireframes was clearly thinking on a website rather than a mobile app. Many people use cardview ...
12
votes
7answers
4k views

What should the sequence be for Download and Delete buttons?

I have two icons for each row in a table: Delete and Download. But I feel the Download button should be before the Delete button. Please help me to understand what the sequence should be as per ...
0
votes
1answer
318 views

Material Chips in table list

should the chips fill all the table cell width for clear alignment or is better to align them as they were a text element for better readability?
4
votes
1answer
161 views

How to deal with inconsistent time and date filter across tables?

Context Users should be able to filter tables with device information such as number of issues and number of products by time period. The filter allows users to enter a date and time manually (on ...
2
votes
5answers
163 views

Denoting whether or not something is hazardous

I'm developing a table that shows incoming deliveries. One column shows whether or not the material/item in question is hazardous, and while a reason is given, it's only really necessary for me to ...
4
votes
5answers
14k 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 ...
1
vote
2answers
368 views

Primary and secondary actions on iOS table view cells

What is the iOS equivalent of a Material list item with primary and secondary actions? (I'm an Android guy) A possible solution for the primary action would be something like this: But what about ...
1
vote
2answers
420 views

How to visualise nested AND / OR groups? [duplicate]

I'm wondering if anyone here can shed some light on working with visualising logic for beginning users. I am struggling with finding a proper way to display logic such as: "Item name #1 AND (Item ...
0
votes
1answer
273 views

The best way to compare row details in table

What is the best solution to represent more details in tables? What is this page about. This page contains logs (history of changes) for some rules. Imagine that admin set up a rule and then ...
0
votes
4answers
671 views

Best UI behavior for done actions in a list [closed]

I'm developing a task app that has a dashboard task list. The user can change a task's status to done. What is the best solution for the done state? Replicate a real to-do list behavior using the "...
2
votes
4answers
186 views

Expectation on double-click

See the below UI mock-up for a standalone PC application with the following fixed requirements: Selecting an item should show its description below the table The user can check multiple items to buy ...