Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-sticky-table

Package Overview
Dependencies
Maintainers
1
Versions
42
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-sticky-table - npm Package Compare versions

Comparing version 3.0.0 to 3.0.1

2

dist/index.js

@@ -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;

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc