GridManager-React : 让表格管理更轻松

2023-12-13 10:30:14

GridManager-React 的强大功能

GridManager-React 是一款功能强大的表格组件，它提供了多种功能，可以帮助您轻松管理表格。这些功能包括：

拖拽调整列宽： 您可以通过拖拽的方式调整表格列的宽度，使表格更适合您的需要。
拖拽调整列位置： 您可以通过拖拽的方式调整表格列的位置，使表格更符合您的使用习惯。
配置显示隐藏列： 您可以通过配置的方式显示或隐藏表格的列，使表格更简洁明了。
吸顶表头： 当表格存在可视区域的情况下，表头将一直存在于可视区域顶部，方便您查看表格数据。

GridManager-React 的使用

GridManager-React 的使用非常简单，您可以快速地将其集成到您的项目中。下面是一个简单的示例：

import GridManagerReact from 'gridmanager-react';

const columns = [
  {
    key: 'name',
    title: '姓名',
  },
  {
    key: 'age',
    title: '年龄',
  },
  {
    key: 'address',
    title: '地址',
  },
];

const data = [
  {
    name: '张三',
    age: 20,
    address: '北京市海淀区',
  },
  {
    name: '李四',
    age: 30,
    address: '上海市浦东新区',
  },
  {
    name: '王五',
    age: 40,
    address: '广州市天河区',
  },
];

const gridManagerReact = new GridManagerReact({
  columns,
  data,
});

gridManagerReact.mount('#app');