I've been searching and experimenting quite a bit before I was able to create this table. It has been made up of 'cards' that display column on smaller screens, and then rows on wider screens. It is possible to give the table more rows (as seen in wide) by copying the one of the containers with the class name 'card-holder'. This has to be done before the first breakpoint, though. If more columns are needed, the best way is to duplicate the bottom cells of each card set (within the card-holder container), also before the first breakpoint.
To make a component of the table, just select the container 'table-wrapper'.