添加列头行头

收藏

添加列头行头不是这么写得了吗！！以前都能加现在已经没效果了

Fiooona · Fiooona

https://demo.grapecity.com.cn/sp ... sheet-header/purejs
添加行头列头学习指南上有具体示例，看您写的这块代码没有问题，可以上传下能复现问题的Demo

鲸叫我照顾海 · 鲸叫我照顾海

同一个网页不同的sheet页变成这样了。。。自己有点懵了。是我们公司还没有正式购买版权造成的吗。。。

Fiooona · Fiooona

跟授权没有关系，如果您没有成功实现这个功能，可以上传您现在实现的方法我们帮您排查问题

鲸叫我照顾海 · 鲸叫我照顾海

Fiooona 发表于 2020-4-27 16:50
跟授权没有关系，如果您没有成功实现这个功能，可以上传您现在实现的方法我们帮您排查问题

<template>
<div>
      <div ref="excelView" id="excelView" :style="spreadStyle"  style="margin-left: 20px;margin-top: 60px"  v-if="show"></div>
      </div>
</template>

<script>
export default {
      name: "preview",
      data () {
         return {
            CellData:'',
            fileName: "",
            //导入导出参数
            excelIo: {},
            spread: {},
            spread1:{},
            spreadStyle: {
                  width: 'calc(100% - 1px)',
                  height: '700px',
            },
            font:[],
            sheet: {},  //初始化表单数据
            autoRow:[],//渲染excel row
            show:true
         }
      },
      mounted() {
         //初始化表单对象
         // var that=this
         this.spread = new this.GC.Spread.Sheets.Workbook(document.getElementById("excelView"), {sheetCount: 3});
         this.sheet =this.spread.getActiveSheet();
         //添加excel模块
         this.excelIo =new this.excelIO.IO();
         //默认打印方式
         // this.printOca(this.printOca)
      },
      methods:{

      }
}
</script>

<style scoped lang="less">

</style>    这是我的所有代码，一个vue组件。

鲸叫我照顾海 · 鲸叫我照顾海

鲸叫我照顾海发表于 2020-4-27 17:35
export default {
name: "preview",
data () ...

<template>
<div class="boxpre">
      <div ref="excelView" id="excelView" :style="spreadStyle"  style="margin-left: 20px;margin-top: 60px" ></div>
      </div>
</template>

<script>
export default {
      name: "preview",
      data () {
         return {
            CellData:'',
            fileName: "",
            //导入导出参数
            excelIo: {},
            spread: {},
            spread1:{},
            spreadStyle: {
                  width: 'calc(100% - 1px)',
                  height: '700px',
            },
            font:[],
            sheet: {},  //初始化表单数据
            autoRow:[],//渲染excel row
            show:true
         }
      },
      mounted() {
         //初始化表单对象
         // var that=this
         this.spread = new this.GC.Spread.Sheets.Workbook(document.getElementById("excelView"), {sheetCount: 3});
         this.sheet =this.spread.getActiveSheet('Sheet2');
         //添加行头列头
         var spreadNS = this.GC.Spread.Sheets;
         this.sheet.suspendPaint();
         //Set rowHeader count and columnHeader count.
         this.sheet.setRowCount(2, spreadNS.SheetArea.colHeader);
         this.sheet.setColumnCount(2, spreadNS.SheetArea.rowHeader);
         console.log(this.sheet.getRowCount())
         for (let i=0;i<this.sheet.getRowCount();i++){
            let c= new this.GC.Spread.Sheets.CellTypes.CheckBox();
            this.sheet.setCellType(i, 0, c, this.GC.Spread.Sheets.SheetArea.rowHeader);
         }
         for (let j=0;j<this.sheet.getColumnCount();j++){
            let d= new this.GC.Spread.Sheets.CellTypes.CheckBox();
            this.sheet.setCellType(0, j, d, this.GC.Spread.Sheets.SheetArea.colHeader);
         }
         //添加excel模块
         this.excelIo =new this.excelIO.IO();
         //默认打印方式
         // this.printOca(this.printOca)
      },
      methods:{

      }
}
</script>

<style scoped lang="less">

</style> 上一个少了几句挂载时得代码