Socket
Socket
Sign inDemoInstall

rsuite-table

Package Overview
Dependencies
17
Maintainers
1
Versions
220
Alerts
File Explorer

Advanced tools

npm Scripts

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 5.18.0 to 5.18.1

9

CHANGELOG.md

@@ -0,1 +1,10 @@

## [5.18.1](https://github.com/rsuite/rsuite-table/compare/5.18.0...5.18.1) (2023-11-24)
### Bug Fixes
* **Table:** fix missing ColumnGroup parameter in children ([#475](https://github.com/rsuite/rsuite-table/issues/475)) ([1389716](https://github.com/rsuite/rsuite-table/commit/138971657055b0f31f5c8a385e72e497c5f7a173))
# [5.18.0](https://github.com/rsuite/rsuite-table/compare/5.17.0...5.18.0) (2023-11-24)

@@ -2,0 +11,0 @@

2

es/Table.d.ts

@@ -5,2 +5,3 @@ import React from 'react';

import { ColumnProps } from './Column';
import ColumnGroup from './ColumnGroup';
import type { StandardProps, SortType, RowKeyType, TableLocaleType, TableSizeChangeEventName, RowDataType } from './@types/common';

@@ -131,2 +132,3 @@ export interface TableProps<Row extends RowDataType, Key extends RowKeyType> extends Omit<StandardProps, 'onScroll' | 'children'> {

Column: (props: ColumnProps<Row>) => React.ReactElement;
ColumnGroup: typeof ColumnGroup;
HeaderCell: (props: HeaderCellProps<Row, Key> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;

@@ -133,0 +135,0 @@ }) => React.ReactNode | React.ReactNode[]);

4

es/Table.js

@@ -23,2 +23,3 @@ 'use client';

import Column from './Column';
import ColumnGroup from './ColumnGroup';
import { SCROLLBAR_WIDTH, CELL_PADDING_HEIGHT, SORT_TYPE, EXPANDED_KEY, TREE_DEPTH, ROW_HEADER_HEIGHT, ROW_HEIGHT } from './constants';

@@ -52,3 +53,4 @@ import { mergeCells, flattenData, isRTL, findRowKeys, findAllParents, shouldShowRowByExpanded, resetLeftForCells, useClassNames, useControlled, useUpdateEffect, useCellDescriptor, useTableDimension, useTableRows, useAffix, useScrollListener, usePosition, isSupportTouchEvent } from './utils';

HeaderCell: HeaderCell,
Column: Column
Column: Column,
ColumnGroup: ColumnGroup
};

@@ -55,0 +57,0 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {

2

lib/Table.d.ts

@@ -5,2 +5,3 @@ import React from 'react';

import { ColumnProps } from './Column';
import ColumnGroup from './ColumnGroup';
import type { StandardProps, SortType, RowKeyType, TableLocaleType, TableSizeChangeEventName, RowDataType } from './@types/common';

@@ -131,2 +132,3 @@ export interface TableProps<Row extends RowDataType, Key extends RowKeyType> extends Omit<StandardProps, 'onScroll' | 'children'> {

Column: (props: ColumnProps<Row>) => React.ReactElement;
ColumnGroup: typeof ColumnGroup;
HeaderCell: (props: HeaderCellProps<Row, Key> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;

@@ -133,0 +135,0 @@ }) => React.ReactNode | React.ReactNode[]);

4

lib/Table.js

@@ -25,2 +25,3 @@ 'use client';

var _Column = _interopRequireDefault(require("./Column"));
var _ColumnGroup = _interopRequireDefault(require("./ColumnGroup"));
var _constants = require("./constants");

@@ -59,3 +60,4 @@ var _utils = require("./utils");

HeaderCell: _HeaderCell["default"],
Column: _Column["default"]
Column: _Column["default"],
ColumnGroup: _ColumnGroup["default"]
};

@@ -62,0 +64,0 @@ var Table = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {

2

package.json
{
"name": "rsuite-table",
"version": "5.18.0",
"version": "5.18.1",
"description": "A React table component",

@@ -5,0 +5,0 @@ "main": "lib/index.js",

86

README.md

@@ -102,45 +102,45 @@ # rsuite-table

| Property | Type `(Default)` | Description |
| ------------------------ | ------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------- |
| affixHeader | boolean,number | Affix the table header to the specified position on the page |
| affixHorizontalScrollbar | boolean,number | Affix the table horizontal scrollbar to the specified position on the page |
| autoHeight | boolean | The height of the table will be automatically expanded according to the number of data rows, and no vertical scroll bar will appear |
| bordered | boolean | Show border |
| cellBordered | boolean | Show cell border |
| children | (components: { Cell, HeaderCell, ColumnGroup }) => React.ReactNode | Render props that receives parameterized Cell, HeaderCell, ColumnGroup components - making typescript usage more convenient |
| data \* | object[] | Table data |
| defaultExpandAllRows | boolean | Expand all nodes By default |
| defaultExpandedRowKeys | string[] | Specify the default expanded row by `rowkey` |
| defaultSortType | enum: 'desc', 'asc' | Sort type |
| expandedRowKeys | string[] | Specify the default expanded row by `rowkey` (Controlled) |
| fillHeight | boolean | Force the height of the table to be equal to the height of its parent container. Cannot be used together with autoHeight. |
| headerHeight | number`(40)` | Table Header Height |
| height | number`(200)` | Table height |
| hover | boolean `(true)` | The row of the table has a mouseover effect |
| isTree | boolean | Show as Tree table |
| loading | boolean | Show loading |
| locale | object: { emptyMessage: `('No data')`, loading: `('Loading...')` } | Messages for empty data and loading states |
| minHeight | number `(0)` | Minimum height |
| onExpandChange | (expanded:boolean,rowData:object)=>void | Tree table, the callback function in the expanded node |
| onRowClick | (rowData:object, event: SyntheticEvent)=>void | Click the callback function after the row and return to `rowDate` |
| onRowContextMenu | (rowData:object, event: SyntheticEvent)=>void | Invoke the callback function on contextMenu and pass the `rowData` |
| onScroll | (scrollX:object, scrollY:object)=>void | Callback function for scroll bar scrolling |
| onSortColumn | (dataKey:string, sortType:string)=>void | Click the callback function of the sort sequence to return the value `sortColumn`, `sortType` |
| renderEmpty | (info: React.ReactNode) => React.ReactNode | Customized data is empty display content |
| renderLoading | (loading: React.ReactNode) => React.ReactNode | Customize the display content in the data load |
| renderRow | (children?: ReactNode, rowData?: RowDataType) => ReactNode | Custom row element |
| renderRowExpanded | (rowDate?: Object) => React.ReactNode | Customize what you can do to expand a zone |
| renderTreeToggle | (icon:node,rowData:object,expanded:boolean)=> node | Tree table, the callback function in the expanded node |
| rowClassName | string , (rowData:object, rowIndex:number)=>string | Add an optional extra class name to row |
| rowExpandedHeight | number `(100)`, (rowDate?: Object) => number | Set the height of an expandable area |
| rowHeight | number`(46)`, (rowData: object) => number | Row height |
| rowKey | string `('key')` | Each row corresponds to the unique `key` in `data` |
| rtl | boolean | Right to left |
| shouldUpdateScroll | boolean,(event)=>({x,y}) `(true)` | Use the return value of `shouldUpdateScroll` to determine whether to update the scroll after the table size is updated. |
| showHeader | boolean `(true)` | Display header |
| sortColumn | string | Sort column name ˝ |
| sortType | enum: 'desc', 'asc' | Sort type (Controlled) |
| virtualized | boolean | Effectively render large tabular data |
| width | number | Table width |
| wordWrap | boolean,'break-all','break-word','keep-all' | Whether to appear line breaks where text overflows its content box. |
| Property | Type `(Default)` | Description |
| ------------------------ | ------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
| affixHeader | boolean,number | Affix the table header to the specified position on the page |
| affixHorizontalScrollbar | boolean,number | Affix the table horizontal scrollbar to the specified position on the page |
| autoHeight | boolean | The height of the table will be automatically expanded according to the number of data rows, and no vertical scroll bar will appear |
| bordered | boolean | Show border |
| cellBordered | boolean | Show cell border |
| children | (components: { Cell, HeaderCell, Column, ColumnGroup }) => React.ReactNode &#124; React.ReactNode | Render props that receives parameterized Cell, HeaderCell, Column, ColumnGroup components - making typescript usage more convenient |
| data \* | object[] | Table data |
| defaultExpandAllRows | boolean | Expand all nodes By default |
| defaultExpandedRowKeys | string[] | Specify the default expanded row by `rowkey` |
| defaultSortType | enum: 'desc', 'asc' | Sort type |
| expandedRowKeys | string[] | Specify the default expanded row by `rowkey` (Controlled) |
| fillHeight | boolean | Force the height of the table to be equal to the height of its parent container. Cannot be used together with autoHeight. |
| headerHeight | number`(40)` | Table Header Height |
| height | number`(200)` | Table height |
| hover | boolean `(true)` | The row of the table has a mouseover effect |
| isTree | boolean | Show as Tree table |
| loading | boolean | Show loading |
| locale | object: { emptyMessage: `('No data')`, loading: `('Loading...')` } | Messages for empty data and loading states |
| minHeight | number `(0)` | Minimum height |
| onExpandChange | (expanded:boolean,rowData:object)=>void | Tree table, the callback function in the expanded node |
| onRowClick | (rowData:object, event: SyntheticEvent)=>void | Click the callback function after the row and return to `rowDate` |
| onRowContextMenu | (rowData:object, event: SyntheticEvent)=>void | Invoke the callback function on contextMenu and pass the `rowData` |
| onScroll | (scrollX:object, scrollY:object)=>void | Callback function for scroll bar scrolling |
| onSortColumn | (dataKey:string, sortType:string)=>void | Click the callback function of the sort sequence to return the value `sortColumn`, `sortType` |
| renderEmpty | (info: React.ReactNode) => React.ReactNode | Customized data is empty display content |
| renderLoading | (loading: React.ReactNode) => React.ReactNode | Customize the display content in the data load |
| renderRow | (children?: ReactNode, rowData?: RowDataType) => ReactNode | Custom row element |
| renderRowExpanded | (rowDate?: Object) => React.ReactNode | Customize what you can do to expand a zone |
| renderTreeToggle | (icon:node,rowData:object,expanded:boolean)=> node | Tree table, the callback function in the expanded node |
| rowClassName | string , (rowData:object, rowIndex:number)=>string | Add an optional extra class name to row |
| rowExpandedHeight | number `(100)`, (rowDate?: Object) => number | Set the height of an expandable area |
| rowHeight | number`(46)`, (rowData: object) => number | Row height |
| rowKey | string `('key')` | Each row corresponds to the unique `key` in `data` |
| rtl | boolean | Right to left |
| shouldUpdateScroll | boolean,(event)=>({x,y}) `(true)` | Use the return value of `shouldUpdateScroll` to determine whether to update the scroll after the table size is updated. |
| showHeader | boolean `(true)` | Display header |
| sortColumn | string | Sort column name ˝ |
| sortType | enum: 'desc', 'asc' | Sort type (Controlled) |
| virtualized | boolean | Effectively render large tabular data |
| width | number | Table width |
| wordWrap | boolean,'break-all','break-word','keep-all' | Whether to appear line breaks where text overflows its content box. |

@@ -147,0 +147,0 @@ ### `<Column>`

src/Table.tsx

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc