使用表定义生成antd的Table组件列信息json定义:CREATE TABLE `ssr_dye` ( `dye_id` varchar(32) NOT NULL COMMENT '荧光信息主键ID', `dye_primer_name` varchar(32) DEFAULT NULL COMMENT '引物名称', `dye_code` varchar(32) DEFAULT NULL COMMENT '引物合成编号', `dye_color` varchar(32) DEFAULT NULL COMMENT '荧光颜色', `dye_comments` varchar(512) DEFAULT NULL COMMENT '备注信息', `dye_species` varchar(8) DEFAULT NULL COMMENT '荧光种属(M-玉米,R-水稻)', `dye_manager` varchar(32) DEFAULT NULL COMMENT '荧光负责人', `dye_create_date` datetime DEFAULT NULL, `dye_update_date` datetime DEFAULT NULL, PRIMARY KEY (`dye_id`), KEY `SSR_FLORESCENCE_NAME_INDEX` (`dye_primer_name`,`dye_code`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='引物合成编号信息表'
时间: 2023-06-26 20:09:30 浏览: 210
Ant Design的Table组件去除
根据上述表定义生成antd的Table组件列信息json定义,可以参考以下代码:
```javascript
const columns = [
{
title: '荧光信息主键ID',
dataIndex: 'dye_id',
key: 'dye_id',
},
{
title: '引物名称',
dataIndex: 'dye_primer_name',
key: 'dye_primer_name',
},
{
title: '引物合成编号',
dataIndex: 'dye_code',
key: 'dye_code',
},
{
title: '荧光颜色',
dataIndex: 'dye_color',
key: 'dye_color',
},
{
title: '备注信息',
dataIndex: 'dye_comments',
key: 'dye_comments',
},
{
title: '荧光种属(M-玉米,R-水稻)',
dataIndex: 'dye_species',
key: 'dye_species',
},
{
title: '荧光负责人',
dataIndex: 'dye_manager',
key: 'dye_manager',
},
{
title: '创建时间',
dataIndex: 'dye_create_date',
key: 'dye_create_date',
},
{
title: '更新时间',
dataIndex: 'dye_update_date',
key: 'dye_update_date',
},
];
```
其中,每个列信息都由title、dataIndex和key属性组成。title表示列的标题,dataIndex表示列数据在数据源中对应的字段名,key表示列的唯一标识。可以根据实际情况进行修改和补充。
阅读全文