项目中想要实现表格表头固定不动，表格行内容轮播呈现的效果，antd中的table无法实现，使用DataV-React轮播表来实现。

        官网地址：介绍 | DataV-React    轮播表 | DataV-React

        1. 安装

• npm 安装

npm install @jiaminghi/data-view-react

• yarn 安装

yarn add @jiaminghi/data-view-react

        2. 使用

javascript">import React from 'react';
import { ScrollBoard } from '@jiaminghi/data-view-react';const Index = () => {const config = {header: ['列1', '列2', '列3'], // 表头数据data: [ // 表数据['行1列1', '行1列2', '行1列3'],['行2列1', '行2列2', '行2列3'],['行3列1', '行3列2', '行3列3'],['行4列1', '行4列2', '行4列3'],['行5列1', '行5列2', '行5列3'],['行6列1', '行6列2', '行6列3'],['行7列1', '行7列2', '行7列3'],['行8列1', '行8列2', '行8列3'],['行9列1', '行9列2', '行9列3'],['行10列1', '行10列2', '行10列3']],align: ['center', 'center', 'center'], // 列对齐方式headerBGC: ['transparent'], // 表头背景色evenRowBGC: ['transparent'], // 偶数行oddRowBGC: ['transparent'], // 奇数行columnWidth: [100, 100, 100], // 列宽度headerHeight: 40, // 表头高度};return (<ScrollBoard config={config} style={{ width: '500px', height: '220px' }} />);
};export default Index;

        如果想要设置整个表格文字样式，可以在ScrollBoard的style属性中添加color等样式，针对某一列文字做特殊处理，可以采用以下两种方式：

        1）样式文件中使用:global{}包裹元素选择器，设置样式。

        2）参考官网中轮播表定制元素代码，为单元格添加行内样式：

javascript">data: [['<span style="color:#37a2da;">行1列1</span>', '行1列2', '行1列3'],['行2列1', '<span style="color:#32c5e9;">行2列2</span>', '行2列3'],['行3列1', '行3列2', '<span style="color:#67e0e3;">行3列3</span>'],['行4列1', '<span style="color:#9fe6b8;">行4列2</span>', '行4列3'],['<span style="color:#ffdb5c;">行5列1</span>', '行5列2', '行5列3'],['行6列1', '<span style="color:#ff9f7f;">行6列2</span>', '行6列3'],['行7列1', '行7列2', '<span style="color:#fb7293;">行7列3</span>'],['行8列1', '<span style="color:#e062ae;">行8列2</span>', '行8列3'],['<span style="color:#e690d1;">行9列1</span>', '行9列2', '行9列3'],['行10列1', '<span style="color:#e7bcf3;">行10列2</span>', '行10列3']],