Tag Info

Hot answers tagged

4

I would repeat the selected items with their checked box on the top of the table when the user navigates to another page. This has the benefit of keeping them visible and allow the user to uncheck one of them any time. The drawback is when the user wants to select a lot of items, there isn't much more room for the paginated items. How to handle this ...


2

Most sites and applications will display the edit icon if an item is editable, otherwise nothing. Here is an example from the web UI that manages our automated builds (developed by Atlassian). The more general paradigm is to have an "actions" column with icons representing all the things you can do with a row in the table. Clicking on the action icon ...


2

Don't rely on colour only First, I would urge you not rely on colour for semantics, this is to consider the colour blind (8% of male population). You can have the icons coloured, but you should provide different symbols for each state. Icons are nearly always unclear and ambiguous Second, nearly all icons are ambiguous and unclear, particularly for new ...


2

I would do an icon that represents X and Y that on hover would show a tooltip with the name. That way you could keep your thin column style. It could look something like this: download bmml source – Wireframes created with Balsamiq Mockups


2

Well, I think you have a few choices: If you have an icon to accompany the trademarks, you could attempt in place of the labels and have the text appear as a tooltip when the user hovers over the icon-headers. Depending on the width, you could put the text in there as is, but with a ellipsis, again with a tooltip if the text is cutoff You could put ...


2

The column headers aren't part of the data, therefore it's good if these are visually distinguishable from the cell data. This can be achieved by font style, tile background and alignment. So, using center alignment for your column header but not for your cell content is no violation against best practices, on the contrary.


2

Do hover states on tables which already use zebra striping add any value? Google has a Table Chart. Here's their example you can take a look at: https://developers.google.com/chart/interactive/docs/gallery/table#Example I think that's what you mean? In addition to digsrafik - It's good to assist the user to focus on the row they are looking at. ...


1

25 columns is just to much yes. I'm liking the second solution where you give the user control of the columns. I had a similar situation where I thought some columns were irrelevant. A quick survey told me however that most users looked at different columns effectively making every column relevant. My solution was a quick test where I let users pick the ...


1

Table header You can make your table header more prominent by increasing its font weight, giving it a darker background color than the rows. Scroll bar I can see a horizontal scroll bar, which doesn't give a good look to the table.In case you have more number of columns, then have an arrow to display additional columns or reduce the column width and on ...


1

In case your app is highly based on tables and selecting (many) items, hover states make sense to differ the selected and hovered one. Or you can keep striping for selected items too with transparency. In general this dynamic behavior (highlight on hover) makes the recognition of line easier (is more obvious).


1

What about displaying the next page of results below the first page? Show the first 10 results, then have a "show next 10" button at the bottom. It loads the next "page" of results below the existing set. The context remains the same so you can maintain the selected rows. I've never seen this pattern before but I can imagine it working well.



Only top voted, non community-wiki answers of a minimum length are eligible