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
0
votes
1answer
46 views

“Shopping Cart behaviour” for selecting rows in a table?

I'm currently struggling with the design of a table that would allow the user to select rows/items from a filtered/unfiltered table (probably with a standard checkbox column) and then still keep this ...
0
votes
0answers
25 views

Column re-ordering - How to store the column order?

I am designing a table that enables user to re-arrange the columns according to user's preference. Below is a simple example to demonstrate. There is a default column arrangement (A-F) but users are ...
-1
votes
1answer
39 views

is it better to keep the layout of the lists?

I have an application that manages several entities, each entity has a list page, each entity can have a child entity with its own list page. Are you using different types of lists? table, cards, ...
0
votes
1answer
28 views

“Partial” icon in a comparison table

I'm making a table comparing the features in different offerings, using checkmarks and blank spaces to denote whether a feature is available or not. There are a few edge cases where there's partial ...
1
vote
2answers
82 views

How to design the following part without any user confusion?

I've a wireframe that looks like following. I've removed the non-essential parts for the sake of brevity. As per the above image, table has two columns Start and End date and other 3-4 columns. Since ...
0
votes
0answers
47 views

Designing a rather challenging search/filter/query for loads of possible parameters and values

I am designing a solution for product stock management, in which the users will be able to, for example, allocate a specific volume of a specific product (or type of product) to a specific store (...
1
vote
1answer
55 views

Bulk actions in paginated table [duplicate]

I have a paginated table of items. We can do some bulk actions ( like delete) on items. User selects some items on page 1 and goes to next page and selects some items on page 2. is it better that bulk ...
0
votes
1answer
39 views

About the actionable data table

As a business application, the data table must provide: Actionable data including opening the property, delete, export, send email.....etc, and usually viewing the property is the most important ...
3
votes
1answer
62 views

Most effective way of highlighting key information in a tabular format for public emergencies

With lots of government information being published and used during the COVID-19 pandemic, there is a lot of opportunity to apply effective design when it comes to infographics and data visualization. ...
2
votes
1answer
59 views

What's the best word to use for table overlapping the mobile screen to show the information on the right, “swipe left” or “slide left”?

For me, the best way to show the list is by using cards either you scroll sideways or scrolling down by having each list stacked cards. With client preference to have the table similar UI and behavior ...
1
vote
1answer
44 views

Design pattern for copy and paste on table cell

I need to copy user's address from one row and apply to all or individuals. Is there any design pattern for it. My problem is how to select the rows? should it be contextual? is there any working tool?...
1
vote
1answer
24 views

How to capture details of multiple items

I have to capture details of 30 sportsmen through a web form. Data can be the same for all the players but some could also have different values. I am using a checkbox (use same details for all) which ...
2
votes
2answers
61 views

Single and whole group selection in tree table

We are using a tree table view in our product. We also have a multiple selection in this view for purpose of bulk updating or drag and drop. I would like the user to be able to single select the group ...
0
votes
2answers
86 views

Which is best alternative design of a table which having only 2 column to display in UI with one edit button. Please advice me

Please help me to get the best UI layout as I don't want to use the table in my page due to less number of the column.
1
vote
1answer
28 views

Correct column order of comparison data table

I need to design a table where the user will need to approve new values. The table will show him two old values and the gap between the old ones and the new one (The percentage represent the gap from ...
2
votes
3answers
75 views

Need input on where to display an Add User section in relation to a Users table

There are a few approaches being considered (open to other ideas too). In general, we're thinking to avoid the approach of using a modal/dialog with grayed out background, as the solution we go with ...
0
votes
2answers
97 views

Is it bad practice to put hover interactions in a table?

Hello! I'm designing a CRM table view for a medical web app, and a core need of our users (mostly surgeons and nurses) is to quickly ascertain the compliance of their patients by viewing whether or ...
0
votes
1answer
52 views

Best way to lay out sub elements in a table

I have a table that lists network switches. The headers are Model, Stack Size, and Modules. If the stack size is greater than 1, I want to be able to add the additional stack members under the lead ...
2
votes
1answer
101 views

In Table Filter vs Filter Panels

I have a question regarding In Table Filter vs Filter Panels. Context is for extremely complex data tables. If a table has Filter Panels, would it be useful to still retain In Table Filters? If so, ...
2
votes
2answers
92 views

Best way to organize data table

I want to design a data table, the table will have at least 6 columns and infinite rows (huge number). I will display the table pagewise by limiting the number of rows per page. I want to provide ...
3
votes
2answers
54 views

How indicate conditional required field in editable table?

In a form indicating which fields are required are often indicated by an asterisk (*). We have an editable table and I indicate a required column with aesthetics in the title of the column. The ...
3
votes
1answer
45 views

Ideas for *intuitive* bulk action pattern for a medical CRM?

Hi everybody, I'm designing a patient list page (shown above) for a medical CRM, and two main user needs are sending messages to multiple patients at once, and deleting multiple patients at once. I'...
11
votes
4answers
2k views

How do I make a large table from desktop/web look good on mobile?

I am interested in what the best practice is to pack a table from web (desktop size) to mobile. I got the table done on desktop, but need to pack it on mobile. I understand that something should be ...
1
vote
1answer
69 views

What is this table format called?

What would you call this type of table row layout? (This is from Mailchimp's email campaign manager section.) It's not a traditional data table, since it combines about 6 pieces of information in ...
1
vote
1answer
95 views

Best UI Practices to show Multi-Action Button while avoiding tabular layout

We have a screen which was given to us by a client. As per their module, when the user selects a tab, the page should show options to do certain tasks like create/edit/delete. One approach we went ...
1
vote
1answer
84 views

How to enhance mapping experience using table column?

Context I have been trying to design a page for an application that performs data migration tasks. Problem statement I have a page where all source DB tables and corresponding columns get matched ...
1
vote
1answer
71 views

Best way to display frequency

Do you guys know any other way to represent a list of items that have their own frequency options (Weekly, Monthly, Daily) that you can choose from. I was thinking maybe creating like a table and ...
2
votes
1answer
46 views

Application of color to indicate interactivity in a table with a mix of sortable and unsortable columns

I'm working on an application and utilizing a blue color to indicate interaction. Links are indicated with the blue color and an underline, the buttons have a blue background, tooltip icons have a ...
4
votes
2answers
93 views

How can we inform the columns of a table can be made wider?

After using Query SO couldn't stop but to notice how hard it is to understand we can change the width of columns. How can we inform the user that the columns can be made wider?
0
votes
0answers
31 views

Selecting from a list then searching to select more

I have a list that goes into pages. we allow the user to select from the list to preform some actions on the selected items. i have a problem covering the following scenario select 3 items from the ...
2
votes
2answers
72 views

How to show Telephone Number range

I need to show telephone numbers which can be the range of following fashion. 1: 123456710- 123456720(11 Numbers) 2: 234567835-234567842( 8 Numbers) and so on I need to represent this info in table ...
11
votes
1answer
141 views

Is there a name for this auto-append design pattern?

This animation best describes the pattern, whereby a new row in the table is always preserved so that the user can insert a new row without clicking a + button or similar: Does it have a name? At my ...
2
votes
1answer
55 views

What is the best way to show invoice details in email? [closed]

I am having a problem creating e-mail design for my company. I try to create a table for invoice details and i don't know what is the best way to show info in a clear way to the user.
3
votes
1answer
100 views

How to show selected items in a paginated table?

A user selects 3 three items on page 1, then the first four on the second page, how do we show this? How is my previous selection tracked? Selecting all items is another challenge when you have a ...
0
votes
1answer
222 views

Use of clickable ellipsis in data table row

In the interface I'm designing we have a page with a table that shows a list of support tickets. By clicking on a row, the user is redirected to the page of that single ticket where they can see all ...
4
votes
3answers
125 views

Is the title in SVG supposed to describe the icon or the value it represents?

Suppose I have a table that has icons as a concise form of some value. So I was looking at the title in the svg element. So in this scenario should the title describe the shape of the svg or the ...
1
vote
1answer
85 views

Room Booking & Availability Horizontal Scroll

I'm in the process of designing a room booking / availability web application. Some of the application specifics are; there are 30 rooms (across three floors, in the same building) rooms are of ...
0
votes
1answer
53 views

Okay to enter data directly into small table or better to go to new screen? [duplicate]

My organisation is working with developers to make a new health information system (For mainly desktop users). At moment of delivering the DFS, they are asking for more $$$$ as they say the complexity ...
0
votes
1answer
52 views

Visually categorizing table columns?

In our data table, we have three types of columns. Let's call these Type A, B and C. There is only 1 column which is Type A, maybe 4-7 columns that are Type B and the rest are Type C (the least ...
0
votes
1answer
189 views

Mobile Tables - Accessibility (iOS vs Android)

iOS - Disclosure Indicators When this element is present, users know they can tap anywhere in the row to see the next level in the hierarchy or the choices associated with the list item. Use a ...
-1
votes
1answer
93 views

What's the best method to group/ungroup rows in a data table?

I've been struggling with a good solution to group/ungroup rows in a data table. We've initially implemented drag-n-drop but that was a nightmare to implement due to 3rd-party library restrictions, &...
1
vote
1answer
31 views

how to relay same table header on multiple tables?

So I have multiple comparison tables on one page. They all have the same companies names at the top for comparison on each table. Each section which has a table is comparing different data sets. How ...
1
vote
1answer
148 views

Table - list view and details view

In our current table displaying all clusters in a model, we have both list view and details view. We also allow the user to click on an arrow on the row when they want to see the full view of that ...
0
votes
0answers
34 views

Same form fields - two purposes/functions

Working on a project for adding new entry/entries to a table and/or viewing the table. We have required fields for adding a new entry. Only one of those fields is required for viewing. The ...
2
votes
1answer
143 views

How best to display multiple data points in a single row in a list view?

Hey! I'm designing a list that needs to accommodate multiple data points in a single row under a single category, and I'm wondering if there are any UI patterns that are best suited for this need. I'...
1
vote
1answer
45 views

Responsive Tables : Adjusting row count to fit the available real estate

I'm designing a screen with tabular data, and trying to explain to the developers what is required. First off, I want to make sure that my design is feasible. My goal is to... Have tabular data on ...
0
votes
0answers
29 views

Table Columns with Complex Structures (fields under it, that can have fields underneath too-like nested ones)in a few of its col

This is for Web Application. I am looking for tabular UIs that doesn't have nesting but is able to show a child row under a parent row and those children can have further children and so on. My ...
0
votes
0answers
44 views

Comparison table for subelements

Can you please help me determine which comparison design is better for UX? I have documents with elements. Every element has 5 attributes. I need to compare those attributes across 3 to 5 documents. ...
1
vote
1answer
107 views

Toggle button on a table field

I'm thinking of using a toggle button to publish/unpublish a product in a table field. What is your view on using a toggle button and keeping a field clickable in a table?
0
votes
2answers
125 views

Best approach to having a sort, select and set of action buttons on a table row

Okay so I have a bit of an odd table to achieve and I'm unsure on the the best UI/UX approach to go with. I have a small table of files, usually at most there would be about 10 files, one of the ...

1
2 3 4 5
17