♻️(table): 严格控制 table 边框与错位像素, 待完善

package/component/src/component/table/index.less

@@ -376,29 +376,6 @@
   position: relative;
   overflow: auto;
   margin-bottom: -1px;
-  &::-webkit-scrollbar {
-    width: 13px;
-    height: 13px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: rgba(0, 0, 0, 0.2);
-    background-clip: padding-box;
-    border: 3px solid transparent;
-    border-radius: 7px;
-  }
-
-  &::-webkit-scrollbar-thumb:hover {
-    background-color: rgba(0, 0, 0, 0.5);
-  }
-
-  &::-webkit-scrollbar-track {
-    background-color: transparent;
-  }
-
-  &::-webkit-scrollbar-track:hover {
-    background-color: #f8fafc;
-  }
 }
 
 .layui-table-body .layui-none {
@@ -437,8 +414,14 @@
   display: block;
   background: white;
   position: sticky!important;
+  border-left: 1px solid #eee!important;
+  border-right: none!important;
 }
 
+.layui-table-view .layui-table tr th:last-child,
+.layui-table-view .layui-table tr td:last-child {
+  border-right: none!important;
+}
 
 .layui-table-mend {
   position: absolute;

package/component/src/component/table/index.vue

@@ -6,7 +6,7 @@ export default {
 
 <script setup lang="ts">
 import "./index.less";
-import { ref, watch, useSlots, withDefaults, onMounted } from "vue";
+import { ref, watch, useSlots, withDefaults, onMounted, onUpdated } from "vue";
 import { v4 as uuidv4 } from "../../utils/guidUtil";
 import { Recordable } from "../../types";
 import { LayIcon } from "@layui/icons-vue";
@@ -34,7 +34,6 @@ export interface LayTableProps {
   cellClassName?: string | Function;
   rowStyle?: string | Function;
   cellStyle?: string | Function;
-  skin?: string;
 }
 
 const props = withDefaults(defineProps<LayTableProps>(), {