Performant occlusion of columns (module not found when extending `ember-tbody`)

I have a table with a lot more columns than rows (the columns can be a long scroll of dates, easily more than hundred):

Ember table struggles with the performance here, and I guess that is because it is not built for horizontal occlusion.

Over at vertical-collection there is a horizontal-collection PR which I was tempted to try out by extending ember-tbody. However, when trying to extend ember-tbody, I get the following error on import:

// ember-tbody-horizontal.js
import EmberTbody from 'ember-table/components/ember-tbody/component';
export default class EmberTbodyHorizontal extends EmberTbody {}
-Cannot find module 'ember-table/components/ember-tbody/component' or its corresponding type declarations.

I was planning to extend ember-tbody in the following way:

// ember-tbody-horizontal.hbs
-{{#vertical-collection
+{{#horzontal-collection
...

As I understand from @pzuraq's comment on #612, extending a component is an anti-pattern in the first place – are there any other composable way to try out horizontal collection for performant occlusion of columns?

Thanks!

Start by reviewing the ember-tbody extension import shown in the issue and the linked horizontal-collection PR in vertical-collection. Read the discussion referenced from #612 about component extension, then determine whether a composable approach can support horizontal occlusion for wide tables. Done means a documented, viable direction for trying horizontal collection without relying on the failing extension.