参数说明

这些参数都是在第一次实例化加载的,也可以后期设定,但是建议一次对自己需要变更的提前修改加载

只读/编辑 模式切换

你只需要将配置中的 mode 设置为 read 或者 edit 在第一次加载的时候

  1. mode: 'read'// 'edit'

工具栏

工具栏的显示状态 showToolbar: boolean, 默认为 true

底部工具栏 showBottomBar: boolean, 默认为 true

  1. showToolbar: true // false
  2. showBottomBar: true // false

网格

内容区域网格显示状态 showGrid: boolean

  1. showGrid: true // false

右键菜单

切换右键菜单显示状态 showContextmenu: boolean

  1. showContextmenu: true // false

指定表格宽高

这包含工具栏高度,可以调整表格固定的宽高 view 属性的 heightwidth

  1. // 可以是固定值
  2. view: {
  3. height: () => document.documentElement.clientHeight,
  4. width: () => document.documentElement.clientWidth
  5. }

调整行的高度和默认展示数量,分别通过 height 属性和 len 调整

  1. row: {
  2. height: 25,
  3. len: 100
  4. }

可以调整默认显示的列数 len,A-Z,默认每个列的宽度 width ,左边序列栏默认宽度 indexWidth ,以及每个列默认最小宽度 minWidth

  1. col: {
  2. len: 26,
  3. width: 100,
  4. indexWidth: 60,
  5. minWidth: 60,
  6. }

样式

可以调整表格渲染的样式

  1. style: {
  2. // 背景颜色
  3. bgcolor: '#ffffff',
  4. // 水平对齐方式
  5. align: 'left',
  6. // 垂直对齐方式
  7. valign: 'middle',
  8. // 是否需要换行
  9. textwrap: false,
  10. // 虚线边框
  11. strike: false,
  12. // 下画线
  13. underline: false,
  14. // 文字颜色
  15. color: '#0a0a0a',
  16. // 字体设置
  17. font: {
  18. // 字体
  19. name: 'Helvetica',
  20. // 字号大小
  21. size: 10,
  22. // 是否加粗
  23. bold: false,
  24. // 斜体
  25. italic: false,
  26. },
  27. }