Package Health Score

81 / 100

security
No known security issues
popularity
Influential project
maintenance
Healthy
community
Sustainable

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

Version			Vulnerabilities	License Risk
7.48.1	\|	10/2024	0 C 0 H 0 M 0 L	0 H 0 M 0 L
7.47.5	\|	08/2024	0 C 0 H 0 M 0 L	0 H 0 M 0 L
7.45.7	\|	05/2024	0 C 0 H 0 M 0 L	0 H 0 M 0 L
6.10.15	\|	04/2020	0 C 0 H 0 M 0 L	0 H 0 M 0 L
5.7.3	\|	10/2017	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Influential project

Weekly Downloads (1,435,119)

GitHub Stars: 1.29K
Forks: 590
Contributors: -

Direct Usage Popularity

The npm package rc-table receives a total of 1,435,119 downloads a week. As such, we scored rc-table popularity level to be Influential project.

Based on project statistics from the GitHub repository for the npm package rc-table, we found that it has been starred 1,293 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Sustainable

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 0
Funding: Yes

This project has seen only 10 or less contributors.

We found a way for you to contribute to the project! Looks like rc-table is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Healthy

Commit Frequency

Open Issues: 121
Open PR: 60
Last Release: 24 days ago
Last Commit: 24 days ago

Further analysis of the maintenance status of rc-table based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Healthy.

We found that rc-table demonstrates a positive version release cadence with at least one new version released in the past 3 months.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: >=8.x

Age: 10 years
Dependencies: 6 Direct
Versions: 444
Install Size: 402 kB
Dist-tags: 1
# of Files: 196
Maintainers: 9
TS Typings: No

rc-table has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

rc-table

React table component with useful functions.

install

Development

npm install
npm start

Example

https://table-react-component.vercel.app/

Usage

import Table from 'rc-table';

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
    width: 100,
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
    width: 100,
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
    width: 200,
  },
  {
    title: 'Operations',
    dataIndex: '',
    key: 'operations',
    render: () =&gt; <a href="#">Delete</a>,
  },
];

const data = [
  { name: 'Jack', age: 28, address: 'some where', key: '1' },
  { name: 'Rose', age: 36, address: 'some where', key: '2' },
];

React.render(, mountNode);

API

Properties

Name	Type	Default	Description
tableLayout	`auto` \| `fixed`	`auto` \| `fixed` for any columns is fixed or ellipsis or header is fixed	https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout
prefixCls	String	rc-table
className	String		additional className
id	String		identifier of the container div
useFixedHeader	Boolean	false	whether use separator table for header. better set width for columns
scroll	Object	{x: false, y: false}	whether table can be scroll in x/y direction, `x` or `y` can be a number that indicated the width and height of table body
expandable	Object		Config expand props
expandable.defaultExpandAllRows	Boolean	false	Expand All Rows initially
expandable.defaultExpandedRowKeys	String[]	[]	initial expanded rows keys
expandable.expandedRowKeys	String[]		current expanded rows keys
expandable.expandedRowRender	Function(recode, index, indent, expanded):ReactNode		Content render to expanded row
expandable.expandedRowClassName	`string` \| `(recode, index, indent) => string`		get expanded row's className
expandable.expandRowByClick	boolean		Support expand by click row
expandable.expandIconColumnIndex	Number	0	The index of expandIcon which column will be inserted when expandIconAsCell is false
expandable.expandIcon	props => ReactNode		Customize expand icon
expandable.indentSize	Number	15	indentSize for every level of data.i.children, better using with column.width specified
expandable.rowExpandable	(record) => boolean		Config row support expandable
expandable.onExpand	Function(expanded, record)		function to call when click expand icon
expandable.onExpandedRowsChange	Function(expandedRows)		function to call when the expanded rows change
expandable.fixed	String \| Boolean	-	this expand icon will be fixed when table scroll horizontally: true or `left` or `right` and `expandIconColumnIndex` need to stay first or last
rowKey	string or Function(record, index):string	'key'	If rowKey is string, `record[rowKey]` will be used as key. If rowKey is function, the return value of `rowKey(record, index)` will be use as key.
rowClassName	string or Function(record, index, indent):string		get row's className
rowRef	Function(record, index, indent):string		get row's ref key
data	Object[]		data record array to be rendered
onRow	Function(record, index)		Set custom props per each row.
onHeaderRow	Function(record, index)		Set custom props per each header row.
showHeader	Boolean	true	whether table head is shown
hidden	Boolean	`false`	Hidden column.
title	Function(currentData)		table title render function
footer	Function(currentData)		table footer render function
emptyText	React.Node or Function	`No Data`	Display text when data is empty
columns	Object[]		The columns config of table, see table below
components	Object		Override table elements, see #171 for more details
sticky	boolean \| {offsetHeader?: number, offsetScroll?: number, getContainer?: () => Window \| HTMLElement }	false	stick header and scroll bar
summary	(data: readonly RecordType[]) => React.ReactNode	-	`summary` attribute in `table` component is used to define the summary row.
rowHoverable	boolean	true	Table hover interaction

Column Props

Name	Type	Description
key	String	key of this column
className	String	className of this column
colSpan	Number	thead colSpan of this column
title	React Node	title of this column
dataIndex	String	display field of the data record
width	String \| Number	width of the specific proportion calculation according to the width of the columns
minWidth	Number	the minimum width of the column, only worked when tableLayout is auto
fixed	String \| Boolean	this column will be fixed when table scroll horizontally: true or 'left' or 'right'
align	String	specify how cell content is aligned
ellipsis	Boolean	specify whether cell content be ellipsized
rowScope	'row' \| 'rowgroup'	Set scope attribute for all cells in this column
onCell	Function(record, index)	Set custom props per each cell.
onHeaderCell	Function(record)	Set custom props per each header cell.
render	Function(value, row, index)	The render function of cell, has three params: the text of this cell, the record of this row, the index of this row, it's return an object:{ children: value, props: { colSpan: 1, rowSpan:1 } } ==> 'children' is the text of this cell, props is some setting of this cell, eg: 'colspan' set td colspan, 'rowspan' set td rowspan

Summary Props

Table.Summary

Name	Type	Default	Description
key	String		key of this summary
fixed	boolean \| 'top' \| 'bottom'	-	`true` fixes the summary row at the bottom of the table. `top` fixes the summary row at the top of the table, while `bottom` fixes it at the bottom. `undefined` or `false` makes the summary row scrollable along with the table.

Table.Summary.Row

Name	Type	Default	Description
key	String		key of this summary
className	String	-	className of this summary row
style	React.CSSProperties	-	style of this summary row
onClick	(e?: React.MouseEvent) => void	-	The `onClick` attribute in `Table.Summary.Row` component can be used to set a click event handler for the summary row.

License

rc-table is released under the MIT license.

rc-table dependencies

@babel/runtime @rc-component/context classnames rc-resize-observer rc-util rc-virtual-list

FAQs

What is rc-table?

table ui component for react. Visit Snyk Advisor to see a full health score report for rc-table, including popularity, security, maintenance & community analysis.

Is rc-table popular?

The npm package rc-table receives a total of 1,435,119 weekly downloads. As such, rc-table popularity was classified as an influential project. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is rc-table well maintained?

We found that rc-table demonstrated a healthy version release cadence and project activity. It has a community of 0 open source contributors collaborating on the project. See the full package health analysis to learn more about the package maintenance status.

Is rc-table safe to use?

The npm package rc-table was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 24 October-2024, at 07:03 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (1,435,119)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

rc-table

install

Development

Example

Usage

API

Properties

Column Props

Summary Props

Table.Summary

Table.Summary.Row

License

rc-table dependencies

rc-table development dependencies

FAQs

What is rc-table?

Is rc-table popular?

Is rc-table well maintained?

Is rc-table safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues