npmpackage.info

Gathering detailed insights and metrics for rc-table

Other packages similar to rc-table

react-drag-listview

2.0.0

drag list view and table view component for react

dw-neit-rc-table

7.45.7

table ui component for react

@rc-component/table

1.5.0

table ui component for react

@weblif/rc-table

0.8.5

带虚拟滚动的完整的表格

Gathering detailed insights and metrics for rc-table

rc-table - 7.51.1 | npmpackage.info

rc-table

React Table

7.51.1

1,336

MIT

TypeScript

403.31 kB

Installations

npm install rc-table

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Min. Node Version

>=8.x

Node Version

22.15.1

NPM Version

10.9.2 Score

90.2

Supply Chain

94.8

Quality

93.9

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

60

Total

986

Closed

486

Merged

440

Issues

Open

129

Total

309

Closed

180

Releases

272

@rc-component/table@1.5.0

Updated on Jul 14, 2025

@rc-component/table@1.4.1

Updated on Jun 17, 2025

v7.51.1

Updated on Jun 17, 2025

v7.51.0

Updated on May 27, 2025

@rc-component/table@1.4.0

Updated on May 27, 2025

@rc-component/table@1.3.0

Updated on May 20, 2025

View All 272 releases

Languages

TypeScript

JavaScript

Less

TypeScript (65.67%)

JavaScript (32.27%)

Less (2.07%)

Developer

react-component

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

1,336 Stars

1,336 Commits

611 Forks

44 Watchers

30 Branches

124 Contributors

Updated on Jul 14, 2025

Maintainers

View All 124 Contributors

Package Meta Information

Latest Version

7.51.1

Package Id

rc-table@7.51.1

Unpacked Size

403.31 kB

Size

62.74 kB

File Count

200

NPM Version

10.9.2

Node Version

22.15.1

Published on

Jun 17, 2025

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

rc-table

React table component with useful functions.

install

Development

npm install
npm start

Example

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

Usage

1import Table from 'rc-table';
2
3const columns = [
4  {
5    title: 'Name',
6    dataIndex: 'name',
7    key: 'name',
8    width: 100,
9  },
10  {
11    title: 'Age',
12    dataIndex: 'age',
13    key: 'age',
14    width: 100,
15  },
16  {
17    title: 'Address',
18    dataIndex: 'address',
19    key: 'address',
20    width: 200,
21  },
22  {
23    title: 'Operations',
24    dataIndex: '',
25    key: 'operations',
26    render: () => <a href="#">Delete</a>,
27  },
28];
29
30const data = [
31  { name: 'Jack', age: 28, address: 'some where', key: '1' },
32  { name: 'Rose', age: 36, address: 'some where', key: '2' },
33];
34
35React.render(<Table columns={columns} data={data} />, 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<HTMLElement>) => 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.

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Security-Policy

Determines if the project has published a security policy.

Score

5

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to rc-table

Other packages similar to rc-table

rc-table

Installations

Developer Guide

Yes

CommonJS

>=8.x

22.15.1

10.9.2

Score

Pull Requests

60

986

486

440

Issues

129

309

180

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

rc-table

install

Development

Example

Usage

API

Properties

Column Props

Summary Props

Table.Summary

Table.Summary.Row

License

10

10

10

10

10

9

1

0

0

0

0

0

0

5

/10