diff --git a/src/views/liveeditor/LiveEditor.vue b/src/views/liveeditor/LiveEditor.vue
index 2875bac73..34503a39f 100644
--- a/src/views/liveeditor/LiveEditor.vue
+++ b/src/views/liveeditor/LiveEditor.vue
@@ -161,7 +161,7 @@ ${style}`
             }
             
 
-            let mittComponents = ['ToastDemo', 'OrganizationChartDemo', 'ConfirmDialogDemo', 'ConfirmPopupDemo', 'TerminalDemo', 'SplitButtonDemo', 'DeferredContentDemo', 'OverlayPanelDemo', 'FileUploadDemo'];
+            let mittComponents = ['ToastDemo', 'OrganizationChartDemo', 'ConfirmDialogDemo', 'ConfirmPopupDemo', 'TerminalDemo', 'SplitButtonDemo', 'DeferredContentDemo', 'OverlayPanelDemo', 'FileUploadDemo', 'DataTableDemo'];
 
             mittComponents.forEach(cmp => {
                 if(name === cmp) {
diff --git a/src/views/toast/ToastDoc.vue b/src/views/toast/ToastDoc.vue
index 3a1642954..c552da4d8 100755
--- a/src/views/toast/ToastDoc.vue
+++ b/src/views/toast/ToastDoc.vue
@@ -369,6 +369,7 @@ export default {
                 'template': {
                     content: ` <template>
     <div class="layout-content">
+        <Toast />
         <div class="content-section implementation">
             <div class="card">
                 <h5>Severities</h5>