iter(g84): 数据表定宽列支持拖拽调宽

packages/skin/ui/src/dataTable.ts

@@ -7,6 +7,7 @@ import {
 } from '@ui-arch/table-core';
 import type { PageInfo, RowKey, TableInstance } from '@ui-arch/table-core';
 import { computed, effect, h, renderList, signal } from '@ui-arch/frame';
+import { attachResize } from './columnResize.js';
 import { button } from './button.js';
 import { skeleton } from './skeleton.js';
 import { textField } from './textField.js';
@@ -118,6 +119,7 @@ export function dataTable<T extends { id: RowKey }>(props: DataTableProps<T>): H
       col.header ?? col.key,
       col.sortable ? sortMark(col.key) : null,
     );
+    if (typeof col.width === 'number') attachResize(el, cols[props.columns.indexOf(col)], col.width, String(col.header ?? col.key)); // 定宽列可拖拽
     if (col.sortable) {
       effect(() => {
         const rule = state().sorting.find((r) => r.key === col.key); // 与视觉箭头同源
@@ -161,12 +163,8 @@ export function dataTable<T extends { id: RowKey }>(props: DataTableProps<T>): H
   });
 
   // —— 列宽：数字落成 <col> 固定宽度，'flex' 或未设置交给浏览器自适应 ——
-  const colgroup = h(
-    'colgroup',
-    null,
-    selectable ? h('col', { style: 'width:44px' }) : null,
-    ...props.columns.map((col) => (typeof col.width === 'number' ? h('col', { style: `width:${col.width}px` }) : h('col'))),
-  );
+  const cols = props.columns.map((col) => (typeof col.width === 'number' ? h('col', { style: `width:${col.width}px` }) : h('col'))); // 每个数据列一个 <col>，拖拽直接改它
+  const colgroup = h('colgroup', null, selectable ? h('col', { style: 'width:44px' }) : null, ...cols);
 
   const filterInput = textField({
     placeholder: `筛选 ${filterKey}…`,