如何在更改淘汰项UI顺序时保留可观察数组对象依赖项

Question

我的HTML表格列有可观察的数组绑定。 用户可以使用拖放选项更改表列Order。 当从UI更改列顺序时，该列的UI与可观察数组之间的依赖关系不再存在。

因此，可观察数组中的任何更改都不反映UI？

我的问题是，如何在可观察数组中保留UI与其项之间的依赖关系。

我的观点模型

 var ViewModelInfo={  
HeaderColumnList: ko.observableArray([])
};

HTML

<table>
<thead>
<tr data-bind="foreach : HeaderColumnList">
<th data-bind="text : ColumnName">
</th>
</tr>
</thead>
</thead>
</table>

有改变顺序的选项， 1）通过UI（使用拖放） 2）通过敲除可观察数组的排序函数。 当通过UI更改它时，UI元素丢失了相应可观察项元素之间的依赖关系。