Question

我正在测试其中一个简洁的小提琴，并在移动列时发现了问题。请转到以下小提琴并执行上述步骤。 http://jsfiddle.net/5u5vczcg/

var hot = new Handsontable(container, {
  data: financeData,
  colHeaders: ["Price", "Date", "1D Chg", "YTD Chg", "Vol BTC"],
  rowHeaders: true,
  stretchH: 'all',
  sortIndicator: true,
  columnSorting: true,
  contextMenu: true,
  manualColumnMove : true,
  columns: [
    {type: 'numeric', format: '$0,0.00'},
    {type: 'date', dateFormat: 'DD/MM/YYYY', correctFormat: true},
    {type: 'numeric', format: '0.00%'},
    {type: 'numeric', format: '0.00%'},
    {type: 'numeric', format: '0.00'}
  ]
});

移动列价格代替日期。双击任何价格单元格，您将看到单元格中的值仅为日期。此外，当您双击日期单元格时，它们也无法正确显示数据。你能检查一下吗？

Answer 1

你面对的是一个相当古老的fixed issue。经过多次测试/研究后，如果我激活 manualColumnMove 选项，我的项目确实会有相同的行为。

所以我建议你选择这两种解决方案中的一种：

在他们的git上重新打开最新版本的Handsontable的问题。
使用我为您做的旧版本和解决方法（版本0.15.0）：

Your JS Fiddle uptaded

我认为你可以从这开始，并了解如何定制你的Handsontable。对于您的情况，我所做的是使用事件' afterColumnMove '更新两个修改后的列：

hot.addHook('afterColumnMove', function(sourceIndex, targetIndex) {
  var
  sourceValues = hot.getData(0,sourceIndex,hot.getData().length,sourceIndex),
  sourceProperties =hot.getSettings().columns[sourceIndex],
  sourceHeader=hot.getSettings().colHeaders[sourceIndex],
  targetValues = hot.getData(0,targetIndex,hot.getData().length,targetIndex),
  targetProperties =hot.getSettings().columns[targetIndex],
  targetHeader=hot.getSettings().colHeaders[targetIndex],

  newColumns=hot.getSettings().columns,
  newHeaders=hot.getSettings().colHeaders;

  newHeaders[sourceIndex]=targetHeader;
  newHeaders[targetIndex]=sourceHeader;
  newColumns[sourceIndex]=targetProperties;
  newColumns[targetIndex]=sourceProperties;

  hot.updateSettings({columns:newColumns,colHeaders:newHeaders});
  hot.populateFromArray(0,sourceIndex,sourceValues,hot.getData().length,sourceIndex);
  hot.populateFromArray(0,targetIndex,targetValues,hot.getData().length,targetIndex);
});

然而，有第三种选择：

使用别的东西。根据您的预算，DataTables的编辑版本是恕我直言，你可以使用最好的东西，当你试图编辑你的Handsontable，尽管看起来很好看，包含许多剩余的错误数据和使用其他功能。（这个问题就是一个很好的例子）。

在Handsontable中移动列后编辑单元格时数据不正确

1 个答案: