样式调整

src/index.less

@@ -366,3 +366,116 @@ svg {
   max-height: 70vh;
   overflow: auto;
 }
+
+
+.rdg {
+  border: none !important;
+}
+
+.rdg-header-row {
+  .rdg-cell {
+    box-shadow: none !important;
+    background-color: #f2f5fc!important;
+    border-block-end: none !important;
+    border-inline-end: none !important;
+    font-weight: normal !important;
+    outline: none !important;
+
+    &:before {
+      position: absolute;
+      top: 50%;
+      right: 0;
+      width: 1px;
+      height: 1.6em;
+      background-color: rgba(0,0,0,.06);
+      -webkit-transform: translateY(-50%);
+      transform: translateY(-50%);
+      transition: background-color .3s;
+      content: "";
+    }
+  }
+}
+
+.rdg-row {
+  .rdg-cell {
+    box-shadow: none !important;
+    color: #363636 !important;
+    border-block-end: 1px solid #f0f0f0 !important;
+    border-inline-end: none !important;
+    outline: none !important;
+  }
+}
+
+.react-contextmenu-wrapper {
+  display: contents;
+}
+
+.react-contextmenu {
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 0.25rem;
+  color: #373a3c;
+  font-size: 16px;
+  margin-block-start: 2px;
+  margin-block-end: 0;
+  margin-inline-start: 0;
+  margin-inline-end: 0;
+  min-inline-size: 160px;
+  outline: none;
+  opacity: 0;
+  padding-block: 5px;
+  padding-inline: 0;
+  pointer-events: none;
+  text-align: start;
+  transition: opacity 250ms ease !important;
+}
+.react-contextmenu.react-contextmenu--visible {
+  opacity: 1;
+  pointer-events: auto;
+}
+.react-contextmenu-item {
+  background: 0 0;
+  border: 0;
+  color: #373a3c;
+  cursor: pointer;
+  font-weight: 400;
+  line-height: 1.5;
+  padding-block: 3px;
+  padding-inline: 20px;
+  text-align: inherit;
+  white-space: nowrap;
+}
+.react-contextmenu-item.react-contextmenu-item--active,
+.react-contextmenu-item.react-contextmenu-item--selected {
+  color: #fff;
+  background-color: #20a0ff;
+  border-color: #20a0ff;
+  text-decoration: none;
+}
+.react-contextmenu-item.react-contextmenu-item--disabled,
+.react-contextmenu-item.react-contextmenu-item--disabled:hover {
+  background-color: transparent;
+  border-color: rgba(0, 0, 0, 0.15);
+  color: #878a8c;
+}
+.react-contextmenu-item--divider {
+  border-block-end: 1px solid rgba(0, 0, 0, 0.15);
+  cursor: inherit;
+  margin-block-end: 3px;
+  padding-block: 2px;
+  padding-inline: 0;
+}
+.react-contextmenu-item--divider:hover {
+  background-color: transparent;
+  border-color: rgba(0, 0, 0, 0.15);
+}
+.react-contextmenu-item.react-contextmenu-submenu {
+  padding: 0;
+}
+.react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item::after {
+  content: '▶';
+  display: inline-block;
+  position: absolute;
+  inset-inline-end: 7px;
+} 

src/view/Manage/VirtualTable/test-table.module.less

@@ -38,10 +38,6 @@
   }
 }
 
-.virtualTable {
-  background-color: #000 !important;
-}
-
 .contextMenu {
   border: 1px solid black;
   :global{