rsuite-table
Advanced tools
Comparing version 3.4.3 to 3.4.4
@@ -0,1 +1,5 @@ | ||
# 3.4.4 | ||
- Fix typos | ||
# 3.4.3 | ||
@@ -2,0 +6,0 @@ |
{ | ||
"name": "rsuite-table", | ||
"version": "3.4.3", | ||
"version": "3.4.4", | ||
"description": "A React table component", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
@@ -13,2 +13,3 @@ # rsuite-table | ||
- Support virtualized. | ||
- Support fixed header, fixed column. | ||
@@ -19,4 +20,27 @@ - Support custom adjustment column width. | ||
- Support for sorting. | ||
- Support for expandable child nodes | ||
## Preview | ||
- Fixed Column | ||
![](https://user-images.githubusercontent.com/1203827/51730134-4b87c500-20b1-11e9-8140-d0c1ee79bb7b.png) | ||
- Custom Cell | ||
![](https://user-images.githubusercontent.com/1203827/51730187-7eca5400-20b1-11e9-827f-60a7532923c9.png) | ||
- Tree Table | ||
![](https://user-images.githubusercontent.com/1203827/51730250-bb964b00-20b1-11e9-82e3-2391fbb6266b.png) | ||
- Expandable | ||
![](https://user-images.githubusercontent.com/1203827/51730456-86d6c380-20b2-11e9-8331-462fda0eeaa0.png) | ||
[More Examples](https://rsuitejs.com/en/components/table) | ||
## Install | ||
@@ -105,3 +129,3 @@ | ||
| sortType | enum: 'desc', 'asc' | Sort type (Controlled) | | ||
| vitrualized | boolean | Effectively render large tabular data | | ||
| virtualized | boolean | Effectively render large tabular data | | ||
| width | number | Table width | | ||
@@ -108,0 +132,0 @@ |
@@ -85,3 +85,3 @@ // @flow | ||
rowClassName?: string | ((rowData: ?Object) => string), | ||
vitrualized?: boolean | ||
virtualized?: boolean | ||
}; | ||
@@ -178,3 +178,3 @@ | ||
showHeader: true, | ||
vitrualized: false, | ||
virtualized: false, | ||
rowKey: 'key', | ||
@@ -511,3 +511,3 @@ locale: { | ||
handleWheel = (deltaX: number, deltaY: number) => { | ||
const { onScroll, vitrualized } = this.props; | ||
const { onScroll, virtualized } = this.props; | ||
if (!this.table) { | ||
@@ -526,3 +526,3 @@ return; | ||
if (vitrualized) { | ||
if (virtualized) { | ||
this.setState({ | ||
@@ -722,3 +722,3 @@ isScrolling: true, | ||
const table = this.table; | ||
const row = table.querySelector(`.${this.addPrefix('row')}:not(.vitrualized)`); | ||
const row = table.querySelector(`.${this.addPrefix('row')}:not(.virtualized)`); | ||
const contentWidth = row ? getWidth(row) : 0; | ||
@@ -1002,3 +1002,3 @@ | ||
wordWrap, | ||
vitrualized | ||
virtualized | ||
} = this.props; | ||
@@ -1067,3 +1067,3 @@ | ||
if (vitrualized && !wordWrap) { | ||
if (virtualized && !wordWrap) { | ||
if (top + nextRowHeight < minTop) { | ||
@@ -1105,5 +1105,5 @@ topHideHeight += nextRowHeight; | ||
> | ||
{topHideHeight ? <Row style={topRowStyles} className="vitrualized" /> : null} | ||
{topHideHeight ? <Row style={topRowStyles} className="virtualized" /> : null} | ||
{this._rows} | ||
{bottomHideHeight ? <Row style={bottomRowStyles} className="vitrualized" /> : null} | ||
{bottomHideHeight ? <Row style={bottomRowStyles} className="virtualized" /> : null} | ||
</div> | ||
@@ -1110,0 +1110,0 @@ |
201931
166