antd 获取table选中行数据_?? React ？Vue? Table？ ===> GridManager

GridManager 是一套可快速、灵活的对table标签进行实例化的表格组件。使用简单快捷, 功能强大，基于原生js实现, 不依赖任何框架，目前支持react、vue、angularjs三大框架。今天就来说一说，gridmanager在react中的使用。

引入

基于目前前端项目多数使用webpack或其他工具进行打包部署，所以可以直接通过package.json中安装gridmanager-react包，在项目中使用import进行引入，同时也需要引入所需的css文件。

import ReactGridManager from 'gridmanager-react'; 
import 'gridmanager-react/css/gm-react.css';

当然也支持直接通过script标签方式引入

<link rel="stylesheet" href="../node_modules/gridmanager-react/css/gm-react.css"> 
<script src="../node_modules/gridmanager-react/js/gm-react.js"></script> 

使用

1. 基础配置

在使用gridManager时，有几个必须配置的属性，分别是：

• gridManagerName 表格唯一名称
• columnData 表格列配置
• ajaxData 表格获取数据

当未设置gridManagerName时，控制台会给出友好提示：

可以直接在组件中设置各种属性，如：

也可以统一使用option属性进行管理：