fix: fix table stripe style error

Author: Ali-ovo

.vscode/settings.json

@@ -3,8 +3,8 @@
   "less.validate": false,
   "scss.validate": false,
   "editor.codeActionsOnSave": {
-    "source.fixAll.stylelint": true,
-    "source.fixAll.eslint": true
+    "source.fixAll.stylelint": "explicit",
+    "source.fixAll.eslint": "explicit"
   },
   "cSpell.words": [
     "stylelint"

style/web/components/table/_index.less

@@ -291,27 +291,27 @@
     }
 
     &.@{prefix}-table--header-fixed {
-      > .@{prefix}-table__content > table > tbody tr:nth-of-type(even) {
+      > .@{prefix}-table__content > table > tbody tr.@{prefix}-table__row-even {
         background-color: @table-highlight-bg-color;
       }
     }
 
     &:not(.@{prefix}-table--header-fixed) {
-      > .@{prefix}-table__content > table > tbody > tr:nth-of-type(odd):not(.@{prefix}-table__expanded-row) {
+      > .@{prefix}-table__content > table > tbody > tr.@{prefix}-table__row-odd:not(.@{prefix}-table__expanded-row) {
         background-color: @table-highlight-bg-color;
       }
     }
 
     &.@{prefix}-table--hoverable {
 
       &.@{prefix}-table__header--fixed {
-        tbody tr:nth-of-type(even):hover {
+        tbody tr.@{prefix}-table__row-even:hover {
           background-color: @table-highlight-bg-color--hover;
         }
       }
 
       &:not(.@{prefix}-table__header--fixed) {
-        > .@{prefix}-table__content > table > tbody tr:nth-of-type(odd):hover {
+        > .@{prefix}-table__content > table > tbody tr.@{prefix}-table__row-odd:hover {
           background-color: @table-highlight-bg-color--hover;
         }
       }