Listing multiple events with sub-events on a page

by Petter Brodin   Last Updated October 08, 2019 14:16 PM

I have a fairly large collection of martial arts events that I'm listing on a page.

Each event happened on a given date and in a given location (country, state, city).

Each event has one or more tournaments, which has a division, the number of fights and the number of unique fighters.

When I had much fewer events I simply listed the events in chronological order with a heading for each year, a smaller heading for the event country, date and name, and the event's tournaments as a list below that heading.

Now that I am dealing with hundreds of events this has become a pretty bad way of displaying the results, so I'm wondering about what would be a better way to display all this data.

The naive implementation would be to use a large table for everything. The benefits of that would be that it's open to sorting, filtering, etc. but it would also mean a lot of redundant data (event name and year repeated over and over) or empty cells.

I've tried googling for existing examples, but I've been unable to find anything that matches what I'm looking for.

This is what I currently have, which struggles now that there are hundreds of events:

![Current layout][01]

Tags : tables data


Answers 1


You must do it by yourself and show alternatives that you tried.

I did a fast wireframe for you to think about.

On my example, I just reorganize grouping by year, month and ordinate by days. I mixed countries because it's easier to find by date and if you need to see by the country you just make a filter on the results.

enter image description here

BraDev
BraDev
October 08, 2019 14:10 PM

Related Questions


Updated January 24, 2019 08:16 AM

Updated November 05, 2016 09:06 AM

Updated June 09, 2019 23:16 PM

Updated July 02, 2019 01:16 AM

Updated February 09, 2018 05:16 AM