Security News
NIST Misses 2024 Deadline to Clear NVD Backlog
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.
card-render
Advanced tools
table-render 目前默认使用 ant design,所以请在 antd 项目下使用,如果要单独使用,不要忘记安装 antd
npm i table-render antd
or
yarn add table-render antd
import React from 'react';
import { Button } from 'antd';
import { ProTable, Search, TableContainer, useTable } from 'table-render';
// 可以使用schema编辑器配置 https://form-render.github.io/schema-generator/
const searchSchema = {
type: 'object',
properties: {
created_at: {
title: '创建时间',
type: 'string',
format: 'date',
'ui:width': '25%',
},
},
};
// 配置完全透传antd table
const columns = [
{
title: '标题',
dataIndex: 'title',
},
{
title: '状态',
dataIndex: 'state',
enum: {
open: '未解决',
closed: '已解决',
},
},
{
title: '创建时间',
key: 'since',
dataIndex: 'created_at',
valueType: 'date',
},
{
title: '操作',
render: row => (
<a href="https://x-render.gitee.io/form-render/" target="_blank" rel="noopener noreferrer">
查看
</a>
),
},
];
const searchApi = params => {
return {
rows: [
{
id: 624748504,
title: 'mock数据1',
state: 'closed',
created_at: '2020-05-26T09:42:56Z',
},
{
id: 624691229,
title: 'mock数据2',
state: 'open',
created_at: '2020-05-26T08:19:22Z',
},
],
total: 2,
};
};
const Demo = () => {
return (
<TableContainer searchApi={searchApi}>
<Search schema={searchSchema} />
<ProTable
headerTitle="高级表单"
toolbarRender={() => [
<Button key="1">查看日志</Button>,
<Button key="2">导出数据</Button>,
<Button key="3">创建</Button>,
]}
// 下面全是antd的props
columns={columns}
rowKey="id"
/>
</TableContainer>
);
};
export default Demo;
FAQs
The npm package card-render receives a total of 1 weekly downloads. As such, card-render popularity was classified as not popular.
We found that card-render demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.