@aligov/common-table

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);