Gathering detailed insights and metrics for react-row-select-table
Gathering detailed insights and metrics for react-row-select-table
Gathering detailed insights and metrics for react-row-select-table
Gathering detailed insights and metrics for react-row-select-table
reactabular-select
Row selection utilities for Reactabular
select-row-col
A react component for selecting table size
react-drag-select-table
- [x] fix the issue, where dragging the mouse to a different cell of the same row toggles the selection/ deselection - [x] add input that filters table content, add a label that says, how many items are selected - [ ] add highlighting of the matching pa
@react-pakistan/react-commons-collection
React Commons Collection built upon React StoryBook
npm install react-row-select-table
Typescript
Module System
Node Version
NPM Version
JavaScript (100%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
19 Commits
1 Watchers
2 Branches
1 Contributors
Updated on Apr 09, 2018
Latest Version
1.0.16
Package Id
react-row-select-table@1.0.16
Unpacked Size
7.65 MB
Size
1.94 MB
File Count
1,646
NPM Version
5.8.0
Node Version
8.5.0
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
3
25
simple data table react Component
1npm i react-row-select-table
1import React from "react" 2import Table, {Thead, Tbody, Tr, Th, Td} from "react-row-select-table" 3 4const Custom = () => ( 5 <Table onCheck={value => console.log(value)} defaultCheckeds={[1,3]}> 6 <Thead> 7 <Tr> 8 <Th>id</Th> 9 <Th>name</Th> 10 </Tr> 11 </Thead> 12 <Tbody> 13 <Tr> 14 <Td>1</Td> 15 <Td>tarou</Td> 16 </Tr> 17 <Tr> 18 <Td>2</Td> 19 <Td>zirou</Td> 20 </Tr> 21 <Tr> 22 <Td>3</Td> 23 <Td>subrou</Td> 24 </Tr> 25 </Tbody> 26 </Table> 27)
1import Table from "react-row-select-table" 2 3render ( <Table onCheck={() => {}} defaultCheckeds={[]} >...)
name | Type | default | Description |
---|---|---|---|
onCheck | func | Callback checked indexs Signature: function(values: Array | |
defaultCheckeds | Array | [] | default checked indexs |
1import { Tr } from "react-row-select-table" 2 3render ( <Tr isCheckRow>...)
name | Type | default | Description |
---|---|---|---|
isCheckRow | boolean | true | Set the check box check box to Row |
1import React from "react" 2import {BaseTable ,Thead, Tbody, Tr, Th, Td} from "react-row-select-table" 3import styled from "styled-components" 4 5const Table = styled(BaseTable)` 6 table { 7 width: 100%; 8 border-collapse: collapse; 9 10 tr { 11 border-bottom: 1px solid #ddd; 12 } 13 14 tr.tr-body:hover { 15 background-color: #f5f5f5; 16 } 17 18 tr.tr-checked { 19 background-color: #f5f5f5; 20 } 21 22 th { 23 padding: 0.5rem; 24 text-align: left; 25 } 26 27 td { 28 padding: 0.5rem; 29 text-align: left; 30 } 31 } 32` 33 34 35const Custom = () => ( 36 <Table onCheck={value => console.log(value)} defaultCheckeds={[1,3]}> 37 <Thead> 38 <Tr> 39 <Th>id</Th> 40 <Th>name</Th> 41 </Tr> 42 </Thead> 43 <Tbody> 44 <Tr> 45 <Td>1</Td> 46 <Td>tarou</Td> 47 </Tr> 48 <Tr> 49 <Td>2</Td> 50 <Td>zirou</Td> 51 </Tr> 52 <Tr> 53 <Td>3</Td> 54 <Td>subrou</Td> 55 </Tr> 56 </Tbody> 57 </Table> 58)
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 0/19 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no SAST tool detected
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
133 existing vulnerabilities detected
Details
Score
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