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
2
votes
1answer
73 views

Screen with multiple list crud

I have a screen with CRUDs For example I will register a department and identify all job positions, equipment and employees Solution A: Display everything on a scrollable page Solution B: Display ...
4
votes
1answer
150 views

How to represent differences between two rows of a database

How can I represent the changes between two rows of a database similar to the split diff of GitHub? Context I would like to visualize the changes made to a table which are happening over time. For ...
11
votes
10answers
819 views

Is it better to represent simple labeled information as table or just text with subheadings?

I'm redesigning a website that has some simple information presented as a table like this: download bmml source – Wireframes created with Balsamiq Mockups I read yet the again the Label ...
1
vote
1answer
51 views

Can one filter be always selected by default?

I am not sure if it is good user experience to have one filter always pre-selected by default. Can't use a toggle, because of the consistency issues with other pages. But I would like to keep all ...
6
votes
3answers
3k views

Mouseover to reveal more data in a table

I have a table containing users like so: download bmml source – Wireframes created with Balsamiq Mockups In the system, users can associate multiple emails with their account. When the user ...
0
votes
1answer
32 views

States and behaviour for progress bars embedded in tables

These days it is not uncommon for data tables to contain more complex UI elements (i.e. not just data), with things like pills (or tags), call-to-action buttons, icons, and even graphs & charts (e....
5
votes
2answers
1k 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 ...
-1
votes
2answers
127 views

Table around 20 columns

I want to display a table with 20 columns in a web-page with big headings on each column. I don't want to use scrolling for tables. Is there any better way to display them or any approach would be ...
1
vote
1answer
88 views

What is the preferred way of displaying interactive information in a small space, eg table cell?

I have a list of athletes that have competed in a race. For each athlete, I want to be able to do a couple actions for each athlete, like View Time Online View Team of Athlete View Time Splits View ...
0
votes
1answer
67 views

Input data in data tables

I have to design a data table which is going to be 288 rows and 15 column big. I want to make it easy for users to input data easily. Data is for a day for every 5 minutes interval(i.e. 288 rows are 5 ...
0
votes
3answers
131 views

When providing programming documentation to users of an office suite software, does intelligent cell merging in tables, make the info more accessible?

Examples of such merged-cell use, alongside versions of same info without merged-cell use Info using merged cells Table 1 Table 2 Same info without using merged cells Table 1 Table 2 Background ...
1
vote
1answer
67 views

Redesign a page for mobile, while keeping a “similar” layout to the desktop view, desktop uses a table

Well I have a page that looks decent on desktop, and most of the site is working responsive as well. The website has as goal to provide people to sign up for (sport) tournaments, and allows users to ...
1
vote
2answers
129 views

Correct way to display row name/label

I want to display label (or name) for second row in a table so users know about what that row contains, please see image. Please note: On left there is another grid, thus adding name/label for the ...
0
votes
1answer
49 views

Combined Tables View

I have 4 different types of external logging data that can be opened in my desktop application. They are displayed as tables. Each of these have a few columns in common (e.g. timestamp), but most of ...
6
votes
4answers
373 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 ...
2
votes
5answers
2k 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 ...
0
votes
1answer
94 views

What are good ways to present an info table that has info spanning 2 vertically-adjacent cells in a middle column, & that has no other merged cells?

Explanation of question The following table illustrates the issue: HTML source for table: <table> <thead><th>Column 1</th><th>Column 2</th><th>Column 3<...
3
votes
4answers
121 views

Alternative to displaying multiple plan columns

I'm working on a pricing page that has 6 different plans. What is the optimal way of displaying them considering the limited amount of space we have? Mobile isn't an issue since they will just be ...
32
votes
4answers
35k 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 ...
1
vote
1answer
52 views

Value input for several dependent ranges

My system measures events for event sets. The activity level for each event set is based on the amount of events in that set. The numbers in the image below illustrate the amount of events needed for ...
10
votes
5answers
3k views

How do I make a table row on a web page look clickable?

I have a simple web-based report presented as a table: Some rows are clickable, others are not (it can be seen with the third column. Greater than 0 means the row can be clicked and expanded in a ...
2
votes
1answer
84 views

How to describe two variables in a heatmap?

I need to describe distribution of showtimes across day-hours and their occupancy. Showtimes distribution across day-hours can be described using a simple heatmap/ table, e.g. Here each times-cell ...
2
votes
1answer
50 views

Sort/Search/Filter - In each column or one for the whole table?

What are your thoughts on the use of sort/search/filter functionality within each table column vs. a single sort/search/filter that drives the entire table? When is one preferred over the other? What ...
2
votes
3answers
101 views

In a table of contents in an Admin area, where should the VIEW link be placed

On the image below, the title 'Admin access' is a link that allows you to view the user role. At the same time, under the 'actions' section there is also a button (eye icon) that does the same thing. ...
1
vote
1answer
99 views

What is the best way to show data of table in database

I have a table in my database with 200 columns in it, and the table can have maximum of 10 records in that. Here search based on data is a least priority but search on the column name is the most ...
5
votes
3answers
739 views

Is there evidence that text in a table vertically aligned middle is easier to read compared to vertically aligned top?

I have an html table and there is one column that is much taller than the others and I am trying to get a recommendation if I should be vertically aligning the rest of the columns to the top or middle....
4
votes
4answers
813 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 ...
6
votes
4answers
2k 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 ...
1
vote
1answer
37 views

Rule for aligning Table Status indicators

Should status indicators in a table be centre aligned to each other or left aligned? Option 1: Left aligned Option 2: Center aligned
1
vote
1answer
85 views

How to configure the same value in all cells in row

I have a table in which I want to set a value for an entire row. In excel and such, after you enter a value in one cell you can copy it (expand but "pulling" the cell edge) to other cells. Do you have ...
1
vote
3answers
170 views

Tables - Freeze columns functionality

We are building a new table wherein it allows the user to freeze any columns in the table. The problem now we are facing is what if user freezes the 4th column in the table should the 1st, 2nd & ...
2
votes
2answers
582 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 ...
9
votes
5answers
4k views

tables with lots of columns

I have a table that lists various attributes of an individuals personal development plan; objective, time to complete objective, comments etc. The table is editable so the user can directly add ...
1
vote
2answers
95 views

How to display table if you have more than 50 columns [duplicate]

I need suggestion on how to display table if you have more than 50 columns on a page.
1
vote
1answer
60 views

Column naming in tables that break into two columns

I have a design for a monitoring screen that shows only two pieces of information per row: Name Status The user will not be able to interact with the UI because it will be shown on a TV in a room ...
3
votes
2answers
526 views

Complex form design pattern, common shared values, mixed with unique input values

Working on a form, which applies a configuration to an object selected from a table. Multiple objects can be selected to have one configuration applied to all selected. This approach works fine when ...
2
votes
0answers
62 views

Desktop only: Display multiple one-row tables

I couldn't find a fitting solution to that so I am asking for your guys opinions - what is the best way to display multiple one-row tables? Since there is a lot of other information behind each row, ...
1
vote
3answers
560 views

How to enable editing a single cell on a table

On a table, the user should be able to edit the values in each cell on a specific column. The current solution is using a multi selection drop-down menu but the user has to scroll through the options,...
3
votes
3answers
368 views

Efficient multi-field search pattern for finding matching records

We need to build a tool that allows data entry from people to find transactions from an external data source and match them to our transactions. The transactions don't always align by a particular ...
1
vote
2answers
96 views

Table quick filters

Looking for examples of buttons above a table that can show you the numbers of a specific type of item and when you click them filter the table. Any link or example will help a lot. I have looked ...
1
vote
1answer
53 views

Can a table have column chooser, if content is dynamic?

Project is a chatbot. One pane is for chat messages, and in some cases there's an extra pane for contextual visual (table, PDF, video, etc.). So, in this contextual pane, there will sometimes be a ...
1
vote
2answers
28 views

Best [Insert row / Remove row] user action for table on touch screen

I have to code a widget displaying a table on a touch screen and I'm wondering what is commonly used to do so? I thought about holding click down between two rows to insert and holding click down on a ...
4
votes
1answer
226 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 ...
4
votes
1answer
57 views

Date-time data entry in local time for daylight savings time “turn back” transition period

I have an application in which users can enter tabular data such as: start | value ------------------- | ----- 12:30:00 27/10/2019 | 0 01:30:00 27/10/2019 | 1 02:30:00 27/10/2019 | 2 ...
2
votes
2answers
66 views

How to download the same item in different file formats, and an optional additional item?

I'm building an internal app for a company. Ideally the user should be trained to use the app (eventually), but it would be better to make it understandable without the need of a specific training. ...
5
votes
2answers
644 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 ...
0
votes
4answers
146 views

How to deal with a very long Table List [duplicate]

I have here a very long table list and the client is telling me that all the data are important and they wanted to see it. Is there any way to make this a user friendly?
1
vote
1answer
131 views

Is this a usable pattern? (Enterprise application UI)

I'm working on an application that requires a user to assign a year or two to a list of users (there are two year options available. One user can be assigned to one or both years.) And one user per ...
1
vote
2answers
43 views

Primary contact indicator in table

Let's suppose we have a table that shows a list of users and their basic contact information. First Last 1 | Phone 1 | Address 1 ---------------------------------- First Last 2 | Phone 2 | Address 2 -...
2
votes
2answers
183 views

table with too many columns [duplicate]

Hope you are able to help me out with this predicament. I have a requirements for a table with a few columns. As future requirements come in I am having to add to the columns. I wan to prevent the ...