【Vtable自定义样式】

Vtable自定义样式

理解Vtable的基本概念

• Vtable的定义及其在编程中的作用
• 常见应用场景（如GUI开发、数据展示等）
• 默认样式与自定义样式的区别

实战案例

    const option = {
      records: data,
      columns,
      theme: {
        ...VTable.themes.DARK,
        frameStyle: {
            borderLineWidth: 1,       // 边框宽度
            borderColor: "rgba(0, 213, 255, 0.6)",   // 边框颜色
            cornerRadius: 4,          // 边框圆角
        },
        headerStyle: {
          bgColor: "rgba(0, 213, 255,0.5)", // 表头内容背景色
          borderColor: 'rgba(255, 255, 255, 0.25)', // 表头单元格边框颜色
          color: '#fffeee', // 表头单元格内文字颜色 
          fontSize: 16,
          fontWeight: 600
        },
        bodyStyle: {
          bgColor: "rgba(18,99,115,0.35)", // 表格内容背景色
          borderColor: '#CBCBCB', // 单元格边框颜色
          color: '#fff', // 单元格内文字颜色 
          fontSize: 12
        }
      },
      widthMode: 'standard'
    };