diff --git a/packages/opendesign/src/table/OTable.vue b/packages/opendesign/src/table/OTable.vue
index 217a2099198fa40d9802a4716a020690caf18c41..fed221a973978970ee2368b83a7fc84b28de8106 100644
--- a/packages/opendesign/src/table/OTable.vue
+++ b/packages/opendesign/src/table/OTable.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 import { IconLoading } from '../_utils/icons';
 import { isHoverDevice, isString } from '../_utils/is';
 import { useI18n } from '../locale';
-import { useTableMeta, DEFAULT_CELL_COL_MARKER, DEFAULT_ROW_MARKER } from './useTableMeta';
+import { useTableMeta, DEFAULT_CELL_LAST_COL_MARKER, DEFAULT_ROW_LAST_MARKER } from './useTableMeta';
 
 const props = defineProps(tableProps);
 
@@ -18,7 +18,7 @@ defineSlots<{
   empty(): any;
   loading(): any;
   [k: `th_${string}`]: (props: { column: TableColumnT }) => any;
-  [k: `td_${string}`]: (props: { row: TableRowT }) => any;
+  [k: `td_${string}`]: (props: { row: TableRowT; rowIndex: number }) => any;
 }>();
 
 const { t } = useI18n();
@@ -47,8 +47,7 @@ const highlightedDoms: Array<HTMLTableRowElement | HTMLTableCellElement> = [];
 let highlightTrigger: HTMLTableCellElement | null = null;
 const clearHighlight = () => {
   highlightedDoms.forEach((cell) => {
-    cell.classList.remove('o-table-hover');
-    cell.classList.remove('o-table-active');
+    cell.classList.remove('o-table-highlight');
   });
   highlightedDoms.length = 0;
   highlightTrigger = null;
@@ -57,7 +56,7 @@ const applyHighlight = (dom: HTMLTableRowElement | HTMLTableCellElement, classNa
   highlightedDoms.push(dom);
   dom.classList.add(className);
 };
-const highlightTable = (cell: HTMLTableCellElement, type: 'hover' | 'active') => {
+const highlightTable = (cell: HTMLTableCellElement) => {
   if (highlightTrigger === cell) {
     // 避免重复添加高亮样式
     return;
@@ -71,7 +70,7 @@ const highlightTable = (cell: HTMLTableCellElement, type: 'hover' | 'active') =>
   const section = cellMeta.section;
   const rowEl = section.rows[cellMeta.rowStart];
   const rowSpan = cellMeta.el.rowSpan;
-  const className = `o-table-${type}`;
+  const className = 'o-table-highlight';
   applyHighlight(rowEl, className);
   if (rowSpan === 1) {
     const rows = section.data[cellMeta.rowStart];
@@ -104,14 +103,14 @@ const handleMouseOver = (e: MouseEvent) => {
   if (!target || !isHoverDevice) {
     return;
   }
-  highlightTable(target, 'hover');
+  highlightTable(target);
 };
 const handleTouchStart = (e: TouchEvent) => {
   const target = getTdEl(e.target);
   if (!target) {
     return;
   }
-  highlightTable(target, 'active');
+  highlightTable(target);
 };
 </script>
 <template>
@@ -131,7 +130,7 @@ const handleTouchStart = (e: TouchEvent) => {
         <thead v-if="columnData.length > 1">
           <slot name="header" :columns="columnData">
             <tr>
-              <th v-for="(col, idx) in columnData" :key="col.key || idx" :class="{ [DEFAULT_CELL_COL_MARKER]: idx + 1 === columnData.length }">
+              <th v-for="(col, idx) in columnData" :key="col.key || idx" :class="{ [DEFAULT_CELL_LAST_COL_MARKER]: idx + 1 === columnData.length }">
                 <slot :name="`th_${col.key}`" :column="col">
                   {{ col.label }}
                 </slot>
@@ -141,15 +140,15 @@ const handleTouchStart = (e: TouchEvent) => {
         </thead>
         <tbody v-if="tableData.length > 0">
           <slot name="body" :body="tableData">
-            <tr v-for="(row, rIdx) in tableData" :key="row.key || rIdx" :class="{ [DEFAULT_ROW_MARKER]: rIdx + 1 === tableData.length }">
+            <tr v-for="(row, rIdx) in tableData" :key="row.key || rIdx" :class="{ [DEFAULT_ROW_LAST_MARKER]: rIdx + 1 === tableData.length }">
               <td
                 :rowspan="col.rowspan"
                 :colspan="col.colspan"
-                :class="{ [DEFAULT_CELL_COL_MARKER]: col.last }"
+                :class="{ [DEFAULT_CELL_LAST_COL_MARKER]: col.last }"
                 v-for="(col, idx) in row.data"
                 :key="col.key || idx"
               >
-                <slot :name="`td_${col.key}`" :row="props.data ? props.data[rIdx] : {}">
+                <slot :name="`td_${col.key}`" :row="props.data ? props.data[rIdx] : {}" :row-index="rIdx">
                   {{ col.value }}
                 </slot>
               </td>
diff --git a/packages/opendesign/src/table/__demo__/TableSpan.vue b/packages/opendesign/src/table/__demo__/TableSpan.vue
index 24b68203bec182eaa1c94d84ea0431fc0f321a74..945c71b99e92a64f588e5a92e474e875fa0f1bef 100644
--- a/packages/opendesign/src/table/__demo__/TableSpan.vue
+++ b/packages/opendesign/src/table/__demo__/TableSpan.vue
@@ -47,10 +47,18 @@ function cellSpanFn(rowIdx: number, colIdx: number) {
 }
 </script>
 <template>
-  <h4>单元格合并</h4>
+  <h4>单元格合并及表格嵌套</h4>
   <div class="sec">
     <OTable border="all" :data="tableData" :columns="columns2" :cell-span="cellSpanFn">
-      <template #td_name="{ row }"><div>name: {{ row.name }}</div></template>
+      <template #td_name="{ row }">
+        <div>name: {{ row.name }}</div>
+      </template>
+      <template #td_address="{ row, rowIndex }">
+        <template v-if="rowIndex === 4">
+          <OTable border="all" :data="tableData" :columns="columns2" :cell-span="cellSpanFn" />
+        </template>
+        <template v-else>{{ row.address }}</template>
+      </template>
     </OTable>
   </div>
 </template>
diff --git a/packages/opendesign/src/table/style/style.scss b/packages/opendesign/src/table/style/style.scss
index 6e32df41c758bf45489ef7ead7d5bdb57076f808..c14dd5d39de930841612028de657fc970150b9f1 100644
--- a/packages/opendesign/src/table/style/style.scss
+++ b/packages/opendesign/src/table/style/style.scss
@@ -31,11 +31,13 @@
     height: var(--table-cell-height);
   }
 }
-.o-table-hover {
-  background-color: var(--table-row-hover);
-}
-.o-table-active {
-  background-color: var(--table-row-active);
+.o-table-highlight {
+  @media (hover: hover) {
+    background-color: var(--table-row-hover);
+  }
+  @media (hover: none) {
+    background-color: var(--table-row-active);
+  }
 }
 .o-table-wrap {
   border-radius: var(--table-radius);
diff --git a/packages/opendesign/src/table/useTableMeta.ts b/packages/opendesign/src/table/useTableMeta.ts
index 5792e421f86c15967a44e6a2a66b59daffacf7c0..2bad88c8f0b277160a9a445e4172a9d47a308abc 100644
--- a/packages/opendesign/src/table/useTableMeta.ts
+++ b/packages/opendesign/src/table/useTableMeta.ts
@@ -36,9 +36,9 @@ type TableMetaOptions = {
   splitBySection?: boolean;
 };
 
-export const DEFAULT_CELL_COL_MARKER = 'o-cell-last-col';
-export const DEFAULT_CELL_ROW_MARKER = 'o-cell-last-row';
-export const DEFAULT_ROW_MARKER = 'o-row-last';
+export const DEFAULT_CELL_LAST_COL_MARKER = 'o-cell-last-col';
+export const DEFAULT_CELL_LAST_ROW_MARKER = 'o-cell-last-row';
+export const DEFAULT_ROW_LAST_MARKER = 'o-row-last';
 
 function fillGrid(grid: (CellT | null)[][], cellMeta: CellT) {
   for (let r = cellMeta.rowStart; r < cellMeta.rowEnd; r++) {
@@ -167,9 +167,9 @@ function markSection(
 function markTable(sections: Array<TableSection | undefined>, options: TableMetaOptions) {
   const { markCellLastCol, markCellLastRow, markRowLast, splitBySection } = options;
   const marker = {
-    cellColMarker: markCellLastCol === true ? DEFAULT_CELL_COL_MARKER : markCellLastCol,
-    cellRowMarker: markCellLastRow === true ? DEFAULT_CELL_ROW_MARKER : markCellLastRow,
-    rowMarker: markRowLast === true ? DEFAULT_ROW_MARKER : markRowLast,
+    cellColMarker: markCellLastCol === true ? DEFAULT_CELL_LAST_COL_MARKER : markCellLastCol,
+    cellRowMarker: markCellLastRow === true ? DEFAULT_CELL_LAST_ROW_MARKER : markCellLastRow,
+    rowMarker: markRowLast === true ? DEFAULT_ROW_LAST_MARKER : markRowLast,
   };
 
   const validSections = sections.filter(Boolean) as TableSection[];