C

@aligov/common-table

intro component

API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 | | --------- | --------------- | ----- | ----- | ------ | ---- | | formGroup | 表单搜索 schema | false | any | | | | columns | 表格列表 | true | array | | |

其他参数可参考@aligov/components-gov-table 和 Pagination

用法

和@aligov/components-use-form-table-hooks 结合使用效果更加

本 Demo 演示一行文字的用法。

import React from "react";
import ReactDOM from "react-dom";
import CommonTable from "@aligov/common-table";
import useFormTableHooks from "@aligov/components-use-form-table-hooks";

const formGroup = [
  {
    title: "场景名",
    name: "scenceName",
    type: "string",
  },
  {
    title: "场景ID",
    name: "scenceId",
    type: "string",
  },
];
const columns = [
  {
    title: "渠道ID",
    dataIndex: "scenceName",
    width: 400,
  },
  {
    title: "渠道名",
    dataIndex: "scenceId",
    width: 400,
  },
];
const Company = (props) => {
  const formData = useFormTableHooks(fetchData);
  return (
    <div>
      <CommonTable
        columns={columns}
        actionBar={
          <Button onClick={() => {}} type="primary">
            新建规则
          </Button>
        }
        {...formData}
      />
    </div>
  );
};

ReactDOM.render(<App />, mountNode);