Acro Multi-Language Suit for Delphi Win32升级到4.0版本

### 实现 Acro-Table 中拖拽调整列顺序功能 为了实现在 `acro-table` 中通过拖拽来调整列顺序的功能，可以采用 JavaScript 和 HTML 结合的方式。具体来说，可以通过引入第三方库如 jQuery UI 或者原生的 Drag and Drop API 来简化开发过程。 #### 使用 jQuery UI 的可排序插件 如果选择使用 jQuery UI，则需要先加载必要的资源文件： ```html <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> ``` 接着，在页面初始化时应用 `.sortable()` 方法到表格头部（th），并处理相应的事件以更新整个表格结构[^1]。 ```javascript $(function() { $("#table th").sortable({ axis: "x", update: function(event, ui) { var newOrder = $(this).sortable('toArray'); rearrangeColumns(newOrder); } }); }); // 根据新的顺序重新排列所有行中的单元格 function rearrangeColumns(order){ $('#table tbody tr').each(function(){ let $row = $(this), cells = []; order.forEach(colIndex => { cells.push($row.find(`td:eq(${colIndex})`).get(0)); }); $row.html(cells); }); } ``` 此方法允许用户点击并拖动表头内的任意一列至期望位置，随后触发 `update` 事件回调函数自动同步其他数据行内对应列的位置变化。 对于不希望依赖额外框架的情况，也可以利用现代浏览器支持的标准 D&D 接口来自定义交互逻辑，不过这通常涉及更多底层操作以及兼容性考虑。