免责声明

本站所有资源、内容均为转载整合,仅供学习与研究使用

本站涉及的收费项目,仅为资源整理、收集及维护成本,并非软件或内容本身的费用

请在学习研究后自觉删除相关内容,请勿用于商业用途或非法传播,因未及时删除或违规使用所产生的一切法律责任与后果,由使用者自行承担。

如需用于其他用途,请购买正版授权,支持原作者

若本站内容侵犯了您的合法权益,请通过邮箱 admin@zx-shop.com.cn 联系站长,我们将在第一时间核实并处理删除,感谢您的理解与配合!

handsontable常用配置

hotSettings: {
        language: 'zh-CN', // 语言设置
        licenseKey: 'non-commercial-and-evaluation', // 隐藏版权文字
        width: 'auto', // 表格宽度
        height: '400', // 表格高度、设置以后才会出现scroll
        data: Handsontable.helper.createSpreadsheetData(10, 26), // 列表初始化数据(Handsontable.helper.createSpreadsheetData(10, 26))
        startRows: 2, // 初始化行数,无data属性时生效(该值小于minRows时,以minRows为准)
        startCols: 0, // 初始化列数,无data属性时生效(该值小于minCols时,以minCols为准)
        minRows: 2, // 最少行数(当初始化数据小于该值时,以该值为准)
        minCols: 0, // 最少列数(当初始化数据小于该值时,以该值为准)
        minSpareCols: 0, // 列的最小留白数
        minSpareRows: 0, // 行的最小留白数
        colHeaders: [], // 是否展示列表头,默认true就是A,B,C等字母,可以['列1','列2']进行自定义展示
        rowHeaders: [], // 是否展示行表头,默认是1,2,3等数据,可以['行1','行2']进行自定义展示
        colWidths: 50, // 列宽度
        rowHeights: 80, // 行高度
        rowHeaderWidth: 150, // 行表头宽度
        dropdownMenu: false, // 表头展示下拉菜单,可以自定义展示
        className: 'htCenter htMiddle', // 单元格文字对齐方式(htLeft,htRight,htCenter)
        currentRowClassName: 'my-selectRow', // 给选中行添加自定义class类名
        currentColClassName: 'my-selectCol', // 给选中列添加自定义class类名
        autoWrapRow: true, // 文字是否自动换行(当没有设置colWidths时生效)
        fixedRowsTop: 0, // 列表内容从上面开始,固定定位的行数(不包含行表头)
        fixedColumnsLeft: 0, // 列表内容从左面开始,固定定位的列数(不包含列表头)
        fillHandle: true, // 是否开启拖拽复制操作(true,false,'horizontal'水平复制,'vertical'垂直复制)
        contextMenu: { // 单元格右击展示菜单
          items: {
            row_above: {
              name: '上面插入一行'
            },
            row_below: {
              name: '下面插入一行'
            },
            col_left: {
              name: '左侧插入一列'
            },
            col_right: {
              name: '右侧插入一列'
            },
            remove_row: {
              name: '移除本行'
            },
            remove_col: {
              name: '移除本列'
            },
            alignment: {
              name: '对齐方式'
            },
            make_read_only: {
              name: '只读'
            },
            copy: {
              name: '复制'
            },
            cut: {
              name: '剪切'
            },
            separator: Handsontable.plugins.ContextMenu.SEPARATOR,
            clear_custom: {
              name: '清空所有单元格数据',
              callback: function() {
                this.clear()
              }
           }
        }
     }
  },

 

请登录后发表评论

    没有回复内容