<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--引入handsontable-->
<script src="../js/handsontable-7.1.1/dist/handsontable.full.min.js"></script>
<link href="../js/handsontable-7.1.1/dist/handsontable.full.min.css" rel="stylesheet" media="screen">
<div id="example">
</div>
<script>
var data = [
['','Ford','Tesla','Toyota','Honda'],
['2017',10,11,12,13],
['2018',20,11,14,13],
['2019',30,15,12,13]
];
var container = document.getElementById('example');
var hot = new Handsontable(container,{
data:data,
rowHeaders:true,
colHeaders:true,
filters:true,
dropdownMenu:true,
licenseKey:'non-commercial-and-evaluation'
});
</script>
</body>
</html>
项目结构.png
结果：
handsontable范例.png
网友评论