diff --git a/src/app/feature/data-table/data-table-real-time-data-binding/components/data-table-real-time-data-binding.component.html b/src/app/feature/data-table/data-table-real-time-data-binding/components/data-table-real-time-data-binding.component.html
index 782ff696..2b97d3f4 100644
--- a/src/app/feature/data-table/data-table-real-time-data-binding/components/data-table-real-time-data-binding.component.html
+++ b/src/app/feature/data-table/data-table-real-time-data-binding/components/data-table-real-time-data-binding.component.html
@@ -16,6 +16,9 @@
Basic Usage
{{demoSnippet.realTimeSideDataBinding}}
+ Please refer data-table-real-time-data-binding.component.ts file to see the example of realtime data
+ binding via data source.
+
Suggested Links
API Doc for Real-time
Data Binding
diff --git a/src/app/feature/data-table/data-table-server-side-data-binding/components/data-table-server-side-data-binding.component.html b/src/app/feature/data-table/data-table-server-side-data-binding/components/data-table-server-side-data-binding.component.html
index 2b4716e7..5c6a9c4d 100644
--- a/src/app/feature/data-table/data-table-server-side-data-binding/components/data-table-server-side-data-binding.component.html
+++ b/src/app/feature/data-table/data-table-server-side-data-binding/components/data-table-server-side-data-binding.component.html
@@ -1,12 +1,25 @@
Server Side Data Biding
-
In server side data binding, data should be passed via the dataSource attribute => [dataSource]="source"
+
Sometimes, you might want to bind a direct data source coming from the different server to the data table without
+ binding it as a static data source.
-
+
in such cases, now you can easily use ornamentum server side data binding facility.
+
+
What You Will See
+
-
Suggested Links
+
Basic Usage
+
To support server side data binding, simply set available observable data source to dataSource
+ attribute.
+
+
{{demoSnippet.serverSideDataBinding}}
+
+
Please refer data-table-server-side-data-binding.component.ts file to see the example of server side data
+ binding via data source.
+
+
Suggested Links
API Doc for Server
Side Data Binding
diff --git a/src/app/feature/data-table/data-table-server-side-data-binding/components/data-table-server-side-data-binding.component.ts b/src/app/feature/data-table/data-table-server-side-data-binding/components/data-table-server-side-data-binding.component.ts
index c8faf09f..bdf8181a 100644
--- a/src/app/feature/data-table/data-table-server-side-data-binding/components/data-table-server-side-data-binding.component.ts
+++ b/src/app/feature/data-table/data-table-server-side-data-binding/components/data-table-server-side-data-binding.component.ts
@@ -1,6 +1,6 @@
import { Component } from '@angular/core';
-import { serverSideDataBindingUsage } from './data-table-server-side-data-binding.list';
+import { demoSnippet, serverSideDataBindingUsage } from './data-table-server-side-data-binding.list';
@Component({
selector: 'app-data-table-server-side-data-binding-component',
@@ -9,4 +9,5 @@ import { serverSideDataBindingUsage } from './data-table-server-side-data-bindin
})
export class DataTableServerSideDataBindingComponent {
public serverSideDataBindingUsage = serverSideDataBindingUsage;
+ public demoSnippet = demoSnippet;
}
diff --git a/src/app/feature/data-table/data-table-server-side-data-binding/components/data-table-server-side-data-binding.list.ts b/src/app/feature/data-table/data-table-server-side-data-binding/components/data-table-server-side-data-binding.list.ts
index 31f012b5..b92ad440 100644
--- a/src/app/feature/data-table/data-table-server-side-data-binding/components/data-table-server-side-data-binding.list.ts
+++ b/src/app/feature/data-table/data-table-server-side-data-binding/components/data-table-server-side-data-binding.list.ts
@@ -23,3 +23,6 @@ export const serverSideDataBindingUsage: ExampleFile[] = [
}
];
+export const demoSnippet: any = {
+ serverSideDataBinding: require('!!raw-loader?lang=typescript!./docs/items.md')
+};
diff --git a/src/app/feature/data-table/data-table-server-side-data-binding/components/docs/items.md b/src/app/feature/data-table/data-table-server-side-data-binding/components/docs/items.md
new file mode 100644
index 00000000..b31d5e55
--- /dev/null
+++ b/src/app/feature/data-table/data-table-server-side-data-binding/components/docs/items.md
@@ -0,0 +1,4 @@
+"
+
diff --git a/src/app/main/components/main/main.component.ts b/src/app/main/components/main/main.component.ts
index cfba92db..c260dd3f 100644
--- a/src/app/main/components/main/main.component.ts
+++ b/src/app/main/components/main/main.component.ts
@@ -67,7 +67,21 @@ export class MainComponent {
},
{
routePath: '/feature/data-table/server-side-data-binding',
- title: 'Server-side Data Binding'
+ title: 'Server-side Data Binding',
+ navigation: [
+ {
+ title: 'What You Will See',
+ anchor: 'whatYouWillSee'
+ },
+ {
+ title: 'Basic Usage',
+ anchor: 'basicUsage'
+ },
+ {
+ title: 'Suggested Links',
+ anchor: 'suggestedLinks'
+ }
+ ]
},
{
routePath: '/feature/data-table/real-time-data-binding',