html仿excel冻结 css,Web前端仿Excel表格编辑组件Handsontable



Handsontable是使用Excel一样的外观数据网格组件。建在JavaScript中，它与最高效率的任何数据源的集成。它配备了强大的功能，如数据验证，排序，分组，数据绑定，公式支持或列顺序。

官网主页，给出了一个10万个数据的加载演示，速度那是非常非常快。我测试过最多的数据是10M的CSV数据，忽略网络传输耗时，加载速度也是毫秒级。

HandsonTable是目前为止，本人见过效率最高、功能最强的前端表格处理组件。

简单示例

使用HandsonTable只需要简单的两个步骤：

引入Handsontable 的CSS文件和JS文件。

调用Handsontable代码

Handsontable

var data = [['Column A', 'Column B', 'Column C'], ['1', '2', '3']];

var container = document.getElementById("example");

var hot = new Handsontable(container, {

data: data

});

常规配置API

1.固定行列位置

属性

类型