table组件自定义内容

// 定义要覆盖默认的 table 背景元素的组件

  const components = {

    table: (props:any) => {

      const { style } = props;

      const customStyle = {

        ...style,

        backgroundColor: "#003366", // 设置表格的背景颜色

        color:'#ffffff'

      };

      return <table {...props} style={customStyle} />;

    },

    header: {

      // 自定义头部行组件

      wrapper: (props:any) => (

        <thead style={{ background: '#0099cc' ,color:'#ffffff'}}>

          {props.children}

        </thead>

      ),

    },

  };