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)

9
votes
4answers
470 views

What is the best way to indicate read-only cells within a table?

I have many tables, actually data grids, where most of the cells will be editable, but some may not depending on the users permissions. I am thinking of using light gray backgrounds on the read-only ...
5
votes
5answers
374 views

Sorting tabular data using a dropdown menu?

I'm working with a table of data and am focusing on the sorting functionality. I'm considering using a dropdown menu as opposed to traditional table header sorting (where you click the heading to sort ...
0
votes
2answers
188 views

Display notes section in table of data without making the table huge

Im developing the ui that uses a table based layout for listing items, it needs quite a detailed notes section, the obvious thing would be just to have an input in a similar way to a cell in a ...
0
votes
2answers
127 views

Editing hire/fire table for an employee [duplicate]

I need to create a HTML/JavaScript code to edit hiring/firing records for a given employee (the software receives a constant employee ID for the UI to deal with one employee at a time). One employee ...
16
votes
4answers
1k views

Is there a more legible way to present tabular data?

I have some tabular data I'm displaying to users. It's not a lot of data, but I'm wondering if there is a more legible way to display it? Right now the data looks like this: Is there a better way ...
3
votes
3answers
469 views

Alternatives to tabular data display

We are working to show data from a variety of inputs and outputs at a given facility. Each facility can have any number of inputs and any number of outputs. For example: Facility 1 takes in the ...
4
votes
3answers
162 views

Small tables on big screens

I have a little problem, responsive design and tables with only 3-4 columns, so the tables can't be 100% of the width, because that would result in way too much white space between the columns and ...
5
votes
3answers
265 views

Looking up for an item in a list and different table styles in iOS

I have a settings view with a grouped table. One of the cells of such table is intended to show a very long list of items from where I want the user to select one. Due to the length of the list, I ...
1
vote
2answers
142 views

How should numbers be aligned in a table column?

We have tables that have numbers as data on a few columns. They are not currency numbers that add up to a total but just regular integers. For example, the number of subscribers. Should they be ...
0
votes
1answer
203 views

Datagrid Selection: Consistency & Placement

I'm working on an application that heavily utilizes datagrids (unfortunately) and I question the placement of the select option. Refer to my attachment and the list below: Select Option - Datagrid: ...
1
vote
1answer
837 views

Better way to display excessive data in table cell iOS

I am displaying data retrieved from server in UITableView. Each cell has to display more than 10 fields as shown in figure. Its looking very ugly if I just simply put up the fields in cell. I have ...
1
vote
3answers
174 views

2D action shooter “left-to-right” VS “bottom-to-top” experience

Which type of games is more suited for users on mobile platforms (phones, tablets) considering their thumbs movement? LEFT TO RIGHT like in R-Type? or BOTTOM TO TOP like in Xenon?
2
votes
2answers
212 views

Are there any design patterns for 'saving' or 'collecting' rows in datatables?

I'm trying to research a way to support this, and the requirement is that there should be a 'quick reference' area for users to save/store particular rows from a search results page. It's almost ...
3
votes
3answers
186 views

Best Practice For Opening PDFs in a Datatable/Table? [duplicate]

In reference to a question asked back last October "Should PDFs open in a new tab?" I implemented the method of PDFs opening in the current browser tab (as provided to be an answer to the question). ...
12
votes
8answers
1k views

How to avoid repetitive actions in table rows?

We have a table with data and actions on each row like so: Name Email Description Actions James james@gmail.com Desc 1 Edit Export ...
0
votes
2answers
233 views

Designing a table view cell in iOS for providing two possible ways to enter data

I have a table view in an iOS app that is a form for requesting user data. One of the fields (a cell in the table view) is intended for requesting a serial number the user could enter either by typing ...
0
votes
1answer
107 views

Lists or Table for Itemized Quote Page

I am developing a web application for a client who operates a business that makes custom granite countertops. A quote comprises of several items. Each item has a number of sub-items. My problem is ...
2
votes
2answers
130 views

number justification in HTML table cells where some cells are editable and some are not?

A convention in financial software is to right-justify numeric and currency values when they are displayed in a table. This allows easy top-to-bottom scanning and summing of numbers. The same ...
3
votes
3answers
398 views

Represent mandatory/recommended/optional relationships between items

I've got a tree structure where the relationship between the parent and the child can be marked as either mandatory, recommended, or optional. This structure can be up to 3 levels deep. For example: ...
0
votes
3answers
266 views

Fitting big table of data into iPhone

Im designing iPhone 4 app, and one of the requirements is to place a big report there. So in Excel it looks like this: It has about 100 rows. I need to implement a filter by "Item Name" as well. ...
0
votes
1answer
98 views

how to visualize directed graph edge weights comparatively

I have a directed weighted graph such as: edge(A, B, 1) edge(A, C, 3) edge(B, A, -1) edge(B, C, -1) edge(C, A, -2) edge(C, B, -4) So I created an html table matrix where I use ...
15
votes
6answers
1k views

How to show the user the possibility to sort a column with space problems

I am working with a big table with 20 columns and a lot of information. I know that the most common way to indicate that a column is sortable is by adding a little arrow at the right or left of the ...
3
votes
2answers
274 views

Best practice for sorting and being able to “check all” in a table with checkboxes

I have a table as part of a form for which users can click the header row to sort by that column (and click again to reverse order). The table also contains checkboxes, and clicking the checkbox in ...
6
votes
2answers
218 views

How to indicate selected item in table?

I have a table of related items. Let's call them orders. Users can select an item from the table and full details will be displayed in a separate section below the table. I move the currently selected ...
3
votes
2answers
99 views

How to distribute selected listitem through a table (days of week)

What 's the best way to do the following : I want to distribute my employees among the specific periods in the week My current UI is like that on The right side : The list box of employees and ...
3
votes
3answers
126 views

Infinite growing item collection

We have a webapp that lets users to create their own tags and assign them data rows for identification purposes. Currently design looks something like this like this: -------------------- Created ...
-2
votes
2answers
208 views

Why do people still like and use tables in HTML? [closed]

I meet web developers from different levels of experience and backgrounds and some of them like tables for everything. Divs are great and tables are to be used only when it is required. Can anyone ...
6
votes
5answers
3k views

Modal views vs popovers in iPad

I'm transitioning from an iPhone app to iPad, in the iPhone version I have a view hierarchy similar to this: That is, an UITableView, while tapping on a cell the app navigates to another view with ...
6
votes
1answer
99 views

Notify users with deactivated JavaScript that “secondary” functionality is missing?

On http://xmpp.org/xmpp-protocols/xmpp-extensions/ there is a table listing items with different statuses (active, obsolete, final, …). When JavaScript is activated, there is a filter widget above ...
2
votes
3answers
225 views

Action menu placement for bulk actions in a grid

I have been playing with an idea of placing a bulk action drop down menu for a grid/table in the header of the column where the selections are done. This is to save some precious space above the table ...
8
votes
3answers
175 views

How to load data into a table based on the selection in a tree?

We are developing a web application that has a screen with two parts. On the left side we have a tree where the user can check or uncheck specific items, even leaves or nodes in the tree. If we select ...
0
votes
1answer
470 views

Handling selection and navigation in the same table view cell in iOS

I've a list of items in a table view, each of which display a small image and a name, as well as a disclosure indicator to navigate to a view with the item's details: The behavior I want is to be ...
1
vote
0answers
266 views

Expandable\accordion table row example [closed]

I would like to to present the users with a set of data, in a table\grid and when they click on a row, instead of taking them to another page with a form, to expand the row (like accordion) and show ...
1
vote
2answers
412 views

Best aesthetically solution to overflowing data in a table

I have the following table which I created as follows: <html> <head> <style type="text/css"> html { background-color: #fff; } body{ text-align:center; } ...
3
votes
1answer
2k views

Best way of editing rows and row details of a UITableView in iOS

I have a table view which may have several items (rows), which in turn have more information that I want to be displayed in another view by tapping the row (common scenario). The point is, I'd like to ...
1
vote
3answers
179 views

How should I design a table with clickable rows?

I have a table with information about all loans a client had. This table looks like this Book_Id | BookType_Title | StartDate | EndDate | ...
2
votes
3answers
232 views

I have a large list (100+) of items to be listed on a landing page. What's the best way to do this?

As the title suggests, I need to list over 100 items on a landing page. I'm hoping to make the page as responsive as possible. I don't think a table is the best option, and I'd also like to stay ...
5
votes
3answers
271 views

How to organize multiple information popup areas over a table?

How might you best organize multiple popups over a table when both the table content and the popup content are equally important. Scenario: Tabulated data, for which the user may be interested in ...
4
votes
2answers
230 views

Fixed items on table list - how should I paginate it?

I have a table list that consists of two areas: The top area has 'new' items which require attention and action from the user. It is important that these are noticed. The other area includes the ...
8
votes
5answers
458 views

Zebra striping for body text?

The general consensus is that zebra striping a table makes it a little easier for people to keep track of which row they're on...but is this reduction of cognitive taxes only for table rows? I at ...
2
votes
2answers
182 views

Less noisy cell buttons on a table

I have table where almost all of its cells are a button that works independently. When I add a 3D button-like design to each cell, the table becomes a large chunk filled with buttons and looks a ...
5
votes
2answers
536 views

Filters on top or on side of the table

I have 2 options to show filters for a table. One option places filters on the top and the other on the side of the table. For both options we'll give users the ability to hide the filters (by ...
2
votes
2answers
269 views

Adding paging, sorting and filtering toolbars to a table

I have a bunch of report views, which essentially are tables. They should enable the user with sorting, paging and filtering capabilities. My idea is to add those features via menu-bars. Paging ...
3
votes
1answer
132 views

Table Comments and Actions

I have a table where one column is a 'Comment' section with a textarea where users can add a comment and save it for that row. I'm trying to think of the best way to implement this. There are a ...
3
votes
2answers
296 views

How to indicate required fields in columns in a table?

In a form indicating which fields are required are often indicated by a asterisk (*). How should I indicate that a column in an editable table contains required fields? One of the options is to add a ...
6
votes
4answers
249 views

Merge multiple table entries

I am building a widget to merge Records. Lets say, this table is information on Cars. There are variable/data points like VIN, Milage, etc.. Now, there may be more than one entry of the same car in ...
2
votes
3answers
441 views

Pagination of tree structure tables

Ok first things first. I did not design this layout but all feedback is appreciated. I have a web app that takes in a user file and spits out a table. the table also has hierarchy. Lets say its a ...
5
votes
3answers
163 views

Improve display of date range inside a table

I have been taking a look at this post, but it is not exactly what I am looking for, plus I have hour and minutes and is inside a table. My current table is this one (bigger image): The problem I ...
5
votes
2answers
73 views

Incorporating new (unrelated) data on an existing table

We have a big table where user enters hours for each day of a time period (14 slots for day inputs) each row represents a task. the Dev team wants to incorporate tasks from another system into that ...
0
votes
2answers
147 views

What is a good way to display a ranked list in a table cell?

I have a set of metrics to fill each row of a table. And each metric has some factors, usually, there are about 10-20 factors for one metric and they are ranked by their importance as well. Now I ...