How to use tables in dashboard?

[HackPoint]

I would like to use it like this:

dashboard-crm.component.html
<div fxLayout="row" fxLayoutWrap>
  <cdk-filter-table></cdk-filter-table>
</div>

I get an error.

core.js:1440 ERROR Error: Uncaught (in promise): Error: Template parse errors:
'cdk-filter-table' is not a known element:
1. If 'cdk-filter-table' is an Angular component, then verify that it is part of this module.
2. If 'cdk-filter-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div fxLayout="row" fxLayoutWrap>
  [ERROR ->]<cdk-filter-table></cdk-filter-table>
</div>
<!--<div fxLayout="row" fxLayoutWrap>
"): ng:///DashboardCrmModule/DashboardCrmComponent.html@1:2
Error: Template parse errors:
'cdk-filter-table' is not a known element:
1. If 'cdk-filter-table' is an Angular component, then verify that it is part of this module.
2. If 'cdk-filter-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div fxLayout="row" fxLayoutWrap>
  [ERROR ->]<cdk-filter-table></cdk-filter-table>
</div>
<!--<div fxLayout="row" fxLayoutWrap>
"): ng:///DashboardCrmModule/DashboardCrmComponent.html@1:2
    at syntaxError (compiler.js:485)
    at TemplateParser.parse (compiler.js:24667)
    at JitCompiler._parseTemplate (compiler.js:34620)
    at JitCompiler._compileTemplate (compiler.js:34595)
    at eval (compiler.js:34496)
    at Set.forEach (<anonymous>)
    at JitCompiler._compileComponents (compiler.js:34496)
    at eval (compiler.js:34366)
    at Object.then (compiler.js:474)
    at JitCompiler._compileModuleAndComponents (compiler.js:34365)
    at syntaxError (compiler.js:485)
    at TemplateParser.parse (compiler.js:24667)
    at JitCompiler._parseTemplate (compiler.js:34620)
    at JitCompiler._compileTemplate (compiler.js:34595)
    at eval (compiler.js:34496)
    at Set.forEach (<anonymous>)
    at JitCompiler._compileComponents (compiler.js:34496)
    at eval (compiler.js:34366)
    at Object.then (compiler.js:474)
    at JitCompiler._compileModuleAndComponents (compiler.js:34365)
    at resolvePromise (zone.js:809)
    at resolvePromise (zone.js:775)
    at eval (zone.js:858)
    at ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:4724)
    at ZoneDelegate.invokeTask (zone.js:420)
    at Zone.runTask (zone.js:188)
    at drainMicroTaskQueue (zone.js:595)
defaultErrorLogger @ core.js:1440
ErrorHandler.handleError @ core.js:1501
next @ core.js:5481
schedulerFn @ core.js:4319
SafeSubscriber.__tryOrUnsub @ Subscriber.js:240
SafeSubscriber.next @ Subscriber.js:187
Subscriber._next @ Subscriber.js:128
Subscriber.next @ Subscriber.js:92
Subject.next @ Subject.js:56
EventEmitter.emit @ core.js:4299
(anonymous) @ core.js:4755
ZoneDelegate.invoke @ zone.js:388
Zone.run @ zone.js:138
NgZone.runOutsideAngular @ core.js:4681
onHandleError @ core.js:4755
ZoneDelegate.handleError @ zone.js:392
Zone.runGuarded @ zone.js:154
_loop_1 @ zone.js:684
api.microtaskDrainDone @ zone.js:693
drainMicroTaskQueue @ zone.js:602
Promise.then (async)
scheduleMicroTask @ zone.js:578
ZoneDelegate.scheduleTask @ zone.js:410
onScheduleTask @ zone.js:297
ZoneDelegate.scheduleTask @ zone.js:401
Zone.scheduleTask @ zone.js:232
Zone.scheduleMicroTask @ zone.js:252
scheduleResolveOrReject @ zone.js:856
resolvePromise @ zone.js:803
(anonymous) @ zone.js:728
webpackJsonpCallback @ inline.bundle.js:22
(anonymous) @ dashboard-crm.module.chunk.js:1

But that doesn't show anything.
How do I use table as a component not a route compoent?

[harikrishna266]

i hope you got this to work. I'm closing this for now,