There are situations where you need to use a table...
Way back in 2015, I was really chuffed when I managed to create a table that was scrollable in small viewports. But one of the first people I showed it to said "nice, but the first column should be frozen!". I just hate it when people point out the bleeding obvious. Yes, of course the first column should be frozen. But I researched that when I was working on the scrollable table and came to the conclusion that it was boven mijn pet, as we say in dutch. Too difficult for me, in other words. At the time, I eventually found a pure CSS solution that sort of worked, but it relied on a fixed width for the first column. Far from ideal, and eventually it stopped working properly.
These days, using the Bootstrap table classes is the way to go, and I wondered if there were better solutions for the first column available... Not in Bootstrap itself, apparently. But indeed, it's much easier now. Thanks to a pen by Corbpie.
Here's the table I needed this for in 2015, and I still need it today.
Halte | * | * | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Eerbeek, Landal | 08.12 | 09.12 | 10.12 | 11.12 | 12.12 | 13.12 | 14.12 | 15.12 | 16.12 | 17.12 | 18.12 | |
Eerbeek, Zwembad | 08.13 | 09.13 | 10.13 | 11.13 | 12.13 | 13.13 | 14.13 | 15.13 | 16.13 | 17.13 | 18.13 | |
Eerb. Kloosterstraat | 07.16 | 08.16 | 09.16 | 10.16 | 11.16 | 12.16 | 13.16 | 14.16 | 15.16 | 16.16 | 17.16 | 18.16 |
Eerb. Loenenseweg | 07.18 | 08.18 | 09.18 | 10.18 | 11.18 | 12.18 | 13.18 | 14.18 | 15.18 | 16.18 | 17.18 | 18.18 |
Eerb. Bijenkorf | 07.20 | 08.20 | 09.20 | 10.20 | 11.20 | 12.20 | 13.20 | 14.20 | 15.20 | 16.20 | 17.20 | 18.20 |
Eerb. Ydinkerf | 07.23 | 08.23 | 09.23 | 10.23 | 11.23 | 12.23 | 13.23 | 14.23 | 15.23 | 16.23 | 17.23 | 18.23 |
Eerb. Offenbachstraat | 07.26 | 08.26 | 09.26 | 10.26 | 11.26 | 12.26 | 13.26 | 14.26 | 15.26 | 16.26 | 17.26 | 18.26 |
Eerbeek, Centrum | 07.30 | 08.30 | 09.30 | 10.30 | 11.30 | 12.30 | 13.30 | 14.30 | 15.30 | 16.30 | 17.30 | 18.30 |
Eerb. Dierenseweg | 07.33 | 08.33 | 09.33 | 10.33 | 11.33 | 12.33 | 13.33 | 14.33 | 15.33 | 16.33 | 17.33 | 18.33 |
Brum. De Hulsthoeve | 07.35 | 08.35 | 09.35 | 10.35 | 11.35 | 12.35 | 13.35 | 14.35 | 15.35 | 16.35 | 17.35 | 18.35 |
Brum. Hazenberg | 07.37 | 08.37 | 09.37 | 10.37 | 11.37 | 12.37 | 13.37 | 14.37 | 15.37 | 16.37 | 17.37 | 18.37 |
Brum. Station NS | 07.38 | 08.38 | 09.38 | 10.38 | 11.38 | 12.38 | 13.38 | 14.38 | 15.38 | 16.38 | 17.38 | 18.38 |
Brum. Gemeentehuis | 07.39 | 08.39 | 09.39 | 10.39 | 11.39 | 12.39 | 13.39 | 14.39 | 15.39 | 16.39 | 17.39 | 18.39 |
Brum. Plein Vijf | 07.40 | 08.40 | 09.40 | 10.40 | 11.40 | 12.40 | 13.40 | 14.40 | 15.40 | 16.40 | 17.40 | 18.40 |
Brum. Tuinstraat | 07.41 | 08.41 | 09.41 | 10.41 | 11.41 | 12.41 | 13.41 | 14.41 | 15.41 | 16.41 | 17.41 | 18.41 |
Brummen, Marktplein | 07.42 | 08.42 | 09.42 | 10.42 | 11.42 | 12.42 | 13.42 | 14.42 | 15.42 | 16.42 | 17.42 | 18.42 |