VUE 之 Jspreadsheet CE电子表格的使用步骤(1)

最新推荐文章于 2024-08-09 07:25:52 发布

2401_84435152

最新推荐文章于 2024-08-09 07:25:52 发布

阅读量248

点赞数 3

分类专栏：程序员文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/2401_84435152/article/details/138297943

版权

本文档详细介绍了如何在Vue.js项目中使用Jspreadsheet CE电子表格组件，从配置项定义到实例化表格并将其渲染到页面容器中，为开发者提供了一份清晰的步骤指南。

摘要由CSDN通过智能技术生成

定义配置项

data() {
	return {
		options: {
        data: Arr,
        allowToolbar: false,
        minDimensions: [10, 30],
        tableOverflow: true,
        // lazyLoading: true,
        tableWidth: '1678px',
        tableHeight: '560px',
        freezeColumns: 3,
        columns: [
          { type: 'text', title: 'xx（mm）', width: '150px' },
          { type: 'text', title: 'xx（mm）', width: '150px' },
          { type: 'hidden', title: 'xx（mm）', width: '150px' },
          { type: 'hidden', title: 'xx（mm）', width: '150px' },
          { type: 'text', title: 'xx（片）', width: '150px' },
          { type: 'text', title: 'xx（元/㎡）', width: '150px' },
          { type: 'text', title: 'xx', width: '150px' },