ng2-smart-table' is not a known element - Angular - 6.0.3

Geeting below error
```
compiler.js:1016 Uncaught Error: Template parse errors:
'ng2-smart-table' is not a known element:
1. If 'ng2-smart-table' is an Angular component, then verify that it is part of this module.
2. If 'ng2-smart-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
```
Added below import in compoment file
`import { Ng2SmartTableModule } from 'ng2-smart-table';
`
Register it by adding to the list of directives of in app.module.ts:

```
NgModule({
declarations: [
AppComponent,
DataTableComponent
],
imports: [
----
Ng2SmartTableModule
-----
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
```
Added below line in component.html
``

Anytjing else that i am missing ?