UI fix

Author: JelteMX

src/DynamicTable.tsx

@@ -86,7 +86,6 @@ class DynamicTable extends Component<DynamicTableContainerProps> {
     // }
 
     componentWillReceiveProps(nextProps: DynamicTableContainerProps): void {
-
         if (!this.widgetId && this.ref.current) {
             try {
                 const domNode = findDOMNode(this);
@@ -120,7 +119,7 @@ class DynamicTable extends Component<DynamicTableContainerProps> {
         }
 
         return (
-            <div ref={this.ref} style={{height: "100%"}}>
+            <div ref={this.ref} style={{ height: "100%" }}>
                 <DynamicTreeTableContainer
                     store={this.store}
                     selectMode={selectionMode}

src/components/DynamicTreeTableContainer.tsx

@@ -87,8 +87,6 @@ export class DynamicTreeTableContainer extends Component<DynamicTreeTableContain
 
         const scrollY = ui.settingsTableLockHeaderRow ? ui.settingsHeight || true : false;
 
-        console.log(scrollY);
-
         const containerIfNotDisabled = store.disabled ? null : (
             <Fragment>
                 <SizeContainer
@@ -107,7 +105,7 @@ export class DynamicTreeTableContainer extends Component<DynamicTreeTableContain
                         rowSelection={rowSelection}
                         pagination={false}
                         rowClassName={this.onRowClassName}
-                        scroll={{ x: store.width || true, y: scrollY ? "100%" : "100%" }}
+                        // scroll={{ x: store.width || true, y: scrollY ? "100%" : "100%" }}
                         size="small"
                     />
                     <ReactResizeDetector

src/components/SizeContainer.tsx

@@ -43,19 +43,20 @@ const getHeight = (heightUnit: HeightUnitType, height: number): CSSProperties =>
 };
 
 export const SizeContainer = ({
-        className,
-        widthUnit,
-        width,
-        heightUnit,
-        height,
-        children,
-        style
-    }: PropsWithChildren<SizeProps>): JSX.Element => {
-        const styleWidth = widthUnit === "percentage" ? `${width}%` : `${width}px`;
+    className,
+    widthUnit,
+    width,
+    heightUnit,
+    height,
+    children,
+    style
+}: PropsWithChildren<SizeProps>): JSX.Element => {
+    const styleWidth = widthUnit === "percentage" ? `${width}%` : `${width}px`;
 
-        return (<div
+    return (
+        <div
             className={classNames((className || "dynamic-table") + "__size-box")}
-            style= {{
+            style={{
                 position: "relative",
                 width: styleWidth,
                 ...getHeight(heightUnit, height),
@@ -75,5 +76,6 @@ export const SizeContainer = ({
             >
                 {children}
             </div>
-        </div>);
-    }
+        </div>
+    );
+};

src/store/objects/abstract/table-object.ts

@@ -37,7 +37,7 @@ export class TableObject {
 
     fixTitle = flow(function*(this: TableObject) {
         if (this._titleMethod) {
-            const title = yield this._titleMethod(this._obj);
+            const title: string = yield this._titleMethod(this._obj);
             this._title = title;
         }
     });

src/ui/DynamicTable.scss

@@ -7,6 +7,7 @@
 @import "~antd/es/pagination/style/index.css";
 
 .widget-dynamictable-wrapper {
+
     .size-box-inner {
         overflow-x: hidden;
         overflow-y: auto;