Set TreeList minimal width

Author: Raushen

apps/demos/Demos/TreeList/AIColumns/Angular/app/app.component.css

@@ -1,3 +1,7 @@
+::ng-deep #employees {
+  min-height: 600px;
+}
+
 ::ng-deep #employees .ai__cell {
   background-color: var(--dx-datagrid-row-alternation-bg);
 }

apps/demos/Demos/TreeList/AIColumns/React/App.tsx

@@ -30,6 +30,7 @@ export default function App() {
       autoExpandAll={true}
       aiIntegration={aiIntegration}
       onAIColumnRequestCreating={onAIColumnRequestCreating}
+      className="ai__datagrid"
     >
       <Paging enabled={true} pageSize={10} />
       <Scrolling mode="standard" />

apps/demos/Demos/TreeList/AIColumns/React/styles.css

@@ -2,6 +2,10 @@
   background-color: var(--dx-datagrid-row-alternation-bg);
 }
 
+.ai__datagrid {
+  min-height: 600px;
+}
+
 #app .name_cell > div {
   align-items: flex-end;
 }

apps/demos/Demos/TreeList/AIColumns/ReactJs/App.js

@@ -26,6 +26,7 @@ export default function App() {
       autoExpandAll={true}
       aiIntegration={aiIntegration}
       onAIColumnRequestCreating={onAIColumnRequestCreating}
+      className="ai__datagrid"
     >
       <Paging
         enabled={true}

apps/demos/Demos/TreeList/AIColumns/ReactJs/styles.css

@@ -2,6 +2,10 @@
   background-color: var(--dx-datagrid-row-alternation-bg);
 }
 
+.ai__datagrid {
+  min-height: 600px;
+}
+
 #app .name_cell > div {
   align-items: flex-end;
 }

apps/demos/Demos/TreeList/AIColumns/Vue/App.vue

@@ -8,6 +8,7 @@
     :showBorders="true"
     :aiIntegration="aiIntegration"
     :onAIColumnRequestCreating="onAIColumnRequestCreating"
+    class="ai__datagrid"
   >
     <DxScrolling :mode="'standard'"/>
     <DxPaging
@@ -94,6 +95,10 @@ const onAIColumnRequestCreating = (e: { data: Partial<IEmployee>[] }) => {
   background-color: var(--dx-datagrid-row-alternation-bg);
 }
 
+.ai__datagrid {
+  min-height: 600px;
+}
+
 #app .employee__cell > div {
   align-items: flex-end;
 }

apps/demos/Demos/TreeList/AIColumns/jQuery/styles.css

@@ -1,3 +1,7 @@
+#treeList {
+  min-height: 600px;
+}
+
 #treeList .ai__cell {
   background-color: var(--dx-datagrid-row-alternation-bg);
 }