react-sticky-table
Advanced tools
Comparing version 3.0.0 to 3.0.1
@@ -131,3 +131,3 @@ (function (global, factory) { | ||
null, | ||
'\n .sticky-table-' + this.index + ' .sticky-table-row:nth-child(-n+' + stickyHeaderCount + ') .sticky-table-cell {\n position: sticky;\n top: 0;\n z-index: 2;\n }\n .sticky-table-' + this.index + ' .sticky-table-row .sticky-table-cell:nth-child(-n+' + stickyColumnCount + ') {\n position: sticky;\n left: 0;\n z-index: 2;\n }\n .sticky-table-' + this.index + ' .sticky-table-row:nth-child(-n+' + stickyHeaderCount + ') .sticky-table-cell:nth-child(-n+' + stickyColumnCount + ') {\n position: sticky;\n top: 0;\n left: 0;\n z-index: 3;\n }\n ' | ||
'\n .sticky-table-' + this.index + ' .sticky-table-row:nth-child(-n+' + stickyHeaderCount + ') .sticky-table-cell {\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n z-index: 2;\n }\n .sticky-table-' + this.index + ' .sticky-table-row .sticky-table-cell:nth-child(-n+' + stickyColumnCount + ') {\n position: -webkit-sticky;\n position: sticky;\n left: 0;\n z-index: 2;\n }\n .sticky-table-' + this.index + ' .sticky-table-row:nth-child(-n+' + stickyHeaderCount + ') .sticky-table-cell:nth-child(-n+' + stickyColumnCount + ') {\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n left: 0;\n z-index: 3;\n }\n ' | ||
), | ||
@@ -134,0 +134,0 @@ _react2.default.createElement( |
{ | ||
"name": "react-sticky-table", | ||
"version": "3.0.0", | ||
"version": "3.0.1", | ||
"main": "dist/index.js", | ||
@@ -5,0 +5,0 @@ "source": "src/index.js", |
@@ -9,14 +9,15 @@ # React Sticky Table | ||
- Any number of fixed columns & headers | ||
- 0 dependencies, pure css, highly performant. | ||
- 0 or 1 fixed column & header | ||
- Responsive table dimensions (wrap it in any size container and it will fill that container) | ||
- Dynamic row height & column width (no need to specify width and height in pixels) | ||
- Table rows/columns resize as content resizes | ||
- Custom cells (just make sure your custom cell has `display: table-cell` set) | ||
- Custom cells (just make sure your custom cell has `display: table-cell` and the css selector `.sticky-table-cell`) | ||
- Multiple tables per page | ||
- Scrollbars that are smooth and visible at all times | ||
- Native vertical scrolling | ||
- 0 dependencies | ||
- Native scrolling | ||
#### Doesn't yet support | ||
- Any number of fixed columns & headers | ||
- Client side sorting | ||
@@ -23,0 +24,0 @@ - IE <= 7 |
@@ -51,2 +51,3 @@ import React, { PureComponent } from 'react'; | ||
.sticky-table-${this.index} .sticky-table-row:nth-child(-n+${stickyHeaderCount}) .sticky-table-cell { | ||
position: -webkit-sticky; | ||
position: sticky; | ||
@@ -57,2 +58,3 @@ top: 0; | ||
.sticky-table-${this.index} .sticky-table-row .sticky-table-cell:nth-child(-n+${stickyColumnCount}) { | ||
position: -webkit-sticky; | ||
position: sticky; | ||
@@ -63,2 +65,3 @@ left: 0; | ||
.sticky-table-${this.index} .sticky-table-row:nth-child(-n+${stickyHeaderCount}) .sticky-table-cell:nth-child(-n+${stickyColumnCount}) { | ||
position: -webkit-sticky; | ||
position: sticky; | ||
@@ -65,0 +68,0 @@ top: 0; |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
30805
700
113