ods-component-lib 1.17.20 → 1.17.22

package/dist/index.css

@@ -25,4 +25,52 @@ div._1veiV {
 
 tr:first-child {
   background-color:  #E6F4FF !important; /* Replace with your desired background color */
+}
+
+
+._q4jkZ > ._1UPzZ, ._q4jkZ > ._1XbNt {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._q4jkZ ._1UPzZ, ._1GEDH + ._1UPzZ, ._1UPzZ._4V16J {
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._q4jkZ > ._1GEDH, ._q4jkZ > ._1UPzZ, ._q4jkZ > ._1XbNt {
+  border-left: 1px solid rgba(0, 0, 0, 0.06);
+  border-right: 1px solid rgba(0, 0, 0, 0.06);
+  border-radius: 5px;
+}
+
+._q4jkZ > ._3mbXf, ._q4jkZ > ._1GEDH {
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._1GEDH ._2NiLf ._2CvVM > td {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._36VXO ._3udtX > td {
+  border-left: 1px solid rgba(0, 0, 0, 0.06);
+  border-right: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._1GEDH {
+  border-bottom: none; 
+}
+
+._1GEDH {
+  color: #000000E0;
+}
+
+._pljbP {
+  border-radius: 6px;
+}
+
+._3nKdN, ._23Fql {
+  background-color: #E6F4FF;
+}
+
+._1hTxK._3umXw {
+  background-color: #E6F4FF;
 }

package/dist/index.js

@@ -1196,7 +1196,7 @@ function OdsDataGrid(props) {
   return grid(props, dataGridRef);
 }
 function grid(props, dataGridRef) {
-  var _ref;
+  debugger;
   var headerCellRender = function headerCellRender(colProperties) {
     return React__default.createElement("th", {
       className: "dx-datagrid-headers",
@@ -1260,12 +1260,17 @@ function grid(props, dataGridRef) {
     showRowLines: true,
     showBorders: true,
     columnAutoWidth: false,
+    focusedRowEnabled: false,
+    wordWrapEnabled: false,
     onEditCanceling: props.onEditCanceling,
     onExporting: onExporting,
-    height: (_ref = props.height !== undefined) != null ? _ref : props.height,
+    height: window.innerHeight - 164,
+    repaintChangesOnly: true,
+    remoteOperations: props.remoteOperations !== undefined ? props.remoteOperations : false,
     ref: dataGridRef
-  }, React__default.createElement(dataGrid.Paging, {
-    enabled: true,
+  }, React__default.createElement(dataGrid.LoadPanel, {
+    enabled: true
+  }), React__default.createElement(dataGrid.Paging, {
     defaultPageSize: props.pageSize
   }), props.pagingEnable && React__default.createElement(dataGrid.Pager, {
     visible: true,
@@ -1277,6 +1282,15 @@ function grid(props, dataGridRef) {
     visible: true
   }), props.filterEnable && React__default.createElement(dataGrid.FilterRow, {
     visible: true
+  }), React__default.createElement(dataGrid.FilterPanel, {
+    visible: true
+  }), props.remoteOperations && React__default.createElement(dataGrid.RemoteOperations, {
+    filtering: true,
+    paging: false,
+    sorting: true,
+    summary: false,
+    grouping: false,
+    groupPaging: false
   }), props.headerFilterEnable && React__default.createElement(dataGrid.HeaderFilter, {
     visible: true
   }), React__default.createElement(dataGrid.ColumnChooser, {
@@ -1320,7 +1334,10 @@ function grid(props, dataGridRef) {
       });
     }));
   }))), React__default.createElement(dataGrid.Scrolling, {
-    mode: props.scrollingMode
+    mode: props.scroll.scrollingMode,
+    showScrollbar: props.scroll.showScrollbar,
+    scrollByContent: props.scroll.scrollByContent,
+    scrollByThumb: props.scroll.scrollByThumb
   }), props.exportEnable === true && React__default.createElement(dataGrid.Export, {
     enabled: true,
     allowExportSelectedData: true,