handsontable中 滑动横向滚动条时表格元素的类名会被重置，怎么实现不重置

在 Handsontable 中，当横向滚动条滑动时，表格元素的类名会被重置，这是 Handsontable 的默认行为。如果你想要避免这种情况，你可以使用 Handsontable 提供的 `afterScrollHorizontally` 钩子函数来实现。

具体来说，你可以在 Handsontable 实例中注册 `afterScrollHorizontally` 钩子函数，然后在该函数中获取表格元素并重新设置类名。下面是示例代码：

const hot = new Handsontable(container, {
  // ...其他配置
  afterScrollHorizontally() {
    const tdElements = hot.view.TBODY.querySelectorAll('td');
    tdElements.forEach((td) => {
      td.classList.add('your-class-name');
    });
  },
});

在上面的代码中，我们注册了 `afterScrollHorizontally` 钩子函数，并在该函数中获取表格元素并重新设置类名。你需要将 `your-class-name` 替换为你想要设置的类名。

希望这可以帮助你解决问题！

相关问题

Handsontable 滑动横向滚动条时表格元素的类名会被重置，怎么不重置

在Handsontable中，滑动横向滚动条时表格元素的类名会被重置是因为Handsontable在渲染表格时会重新生成表格元素。要想滑动横向滚动条时表格元素的类名不被重置，可以通过以下方法实现：

1. 使用 `beforeRender` 钩子函数，在渲染表格前保存表格元素的类名到一个缓存变量中。例如：

var cachedClassNames = {};

function beforeRender() {
  // 获取表格元素，并保存其类名到缓存变量中
  var rows = this.view.wt.wtTable.TBODY.childNodes;
  for (var i = 0; i < rows.length; i++) {
    var cells = rows[i].childNodes;
    for (var j = 0; j < cells.length; j++) {
      var cell = cells[j];
      if (cell.className) {
        cachedClassNames[cell.getAttribute('data-row') + ',' + cell.getAttribute('data-col')] = cell.className;
      }
    }
  }
}

2. 使用 `afterRender` 钩子函数，在渲染表格后恢复表格元素的类名。例如：

function afterRender() {
  // 获取表格元素，并恢复其保存的类名
  var rows = this.view.wt.wtTable.TBODY.childNodes;
  for (var i = 0; i < rows.length; i++) {
    var cells = rows[i].childNodes;
    for (var j = 0; j < cells.length; j++) {
      var cell = cells[j];
      var className = cachedClassNames[cell.getAttribute('data-row') + ',' + cell.getAttribute('data-col')];
      if (className) {
        cell.className = className;
      }
    }
  }
}

3. 使用 `beforeKeyDown` 钩子函数，在用户按下键盘时重新保存表格元素的类名。这是因为在滑动横向滚动条后，如果用户使用键盘导航，表格元素的类名可能会被重置。例如：

function beforeKeyDown(event) {
  // 用户按下键盘时重新保存表格元素的类名
  if (event.keyCode >= 37 && event.keyCode <= 40) {
    beforeRender.call(this);
  }
}

4. 将以上三个钩子函数添加到Handsontable实例的配置中。例如：

var hot = new Handsontable(container, {
  data: data,
  columns: [
    // 列配置
  ],
  beforeRender: beforeRender,
  afterRender: afterRender,
  beforeKeyDown: beforeKeyDown
});

通过以上方法，你可以在滑动横向滚动条时保持表格元素的类名不被重置。需要注意的是，该方法可能会影响表格的性能，因此需要根据实际情况进行优化。

handsontable中 滑动横向滚动条时表格元素的类名和样式会被重置，怎么实现不重置

在 Handsontable 中，当横向滚动条滑动时，表格元素的类名和样式会被重置，这是 Handsontable 的默认行为。如果你想要避免这种情况，你可以使用 Handsontable 提供的 `afterScrollHorizontally` 钩子函数来实现。

具体来说，你可以在 Handsontable 实例中注册 `afterScrollHorizontally` 钩子函数，然后在该函数中获取表格元素并重新设置类名和样式。下面是示例代码：

const hot = new Handsontable(container, {
  // ...其他配置
  afterScrollHorizontally() {
    const tdElements = hot.view.TBODY.querySelectorAll('td');
    tdElements.forEach((td) => {
      td.classList.add('your-class-name');
      td.style.backgroundColor = 'red';
      // 添加其他样式
    });
  },
});

在上面的代码中，我们注册了 `afterScrollHorizontally` 钩子函数，并在该函数中获取表格元素并重新设置类名和样式。你需要将 `your-class-name` 替换为你想要设置的类名，并根据需要添加其他样式。

希望这可以帮助你解决问题！