spreadJs方法集

spreadJs api集

demo
在这里插入图片描述
code

    // spreadJs 获取工作簿
    var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), {
    
    sheetCount: 1});
    // 得到要操作的工作表
    var sheet = spread.getActiveSheet();
    
    // 修改sheet名称
    sheet.name("test");

    // 删除sheet
    spread.removeSheet(0);

    // 获取当前sheet页个数
    spread.getSheetCount();

    // 设置单元格宽高
    sheet.defaults.colWidth = 130;
    sheet.defaults.rowHeight = 30;

    // 不显示sheet
    spread.options.tabStripVisible = false;
    // 不显示添加sheet按钮
    spread.options.newTabVisible = false;

    // 设置行数
    sheet.setRowCount(50, GC.Spread.Sheets.SheetArea.viewport);
    // 设置列数
    sheet.setColumnCount(11, GC.Spread.Sheets.SheetArea.viewport);

    // 设置居中
    var cell = sheet.getCell(0, 1, GC.Spread.Sheets.SheetArea.viewport);
    setCenter(cell);

    function setCenter(cell) {
    
    
        cell.hAlign(GC.Spread.Sheets.HorizontalAlign.center);
        cell.vAlign(GC.Spread.Sheets.VerticalAlign.center);
    }

    // 设置表格和颜色
    sheet.getCell(0, 1).text('spreadJs').font('bold 20px Georgia').backColor("#99c1de");

    // 防止溢出
    sheet.getCell(1, 1).shrinkToFit(true);

    // 合并单元格
    sheet.addSpan(0, 1, 1, 9, GC.Spread.Sheets.SheetArea.viewport);

    // 设置边框
    sheet.getCell(8, 1).borderLeft(new GC.Spread.Sheets.LineBorder("#d3d7d4", GC.Spread.Sheets.LineStyle.thick), {
    
    all: true});
    sheet.getCell(8, 1).borderRight(new GC.Spread.Sheets.LineBorder("#d3d7d4", GC.Spread.Sheets.LineStyle.thick), {
    
    all: true});

    // 导出
    $(document).on('click', '#export', function () {
    
    
        var json = spread.toJSON();
        var excelIo = new GC.Spread.Excel.IO();
        excelIo.save(json, function (blob) {
    
    
            saveAs(blob, 'spreadJs.xlsx');
        }, function (e) {
    
    
            console.log(e);
        });
    });

更多玩法参考spreadJs

猜你喜欢

转载自blog.csdn.net/aquariusVvZh/article/details/111655882