🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

react-collapsable-table

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-collapsable-table - npm Package Compare versions

Comparing version

to
0.0.5

4

package.json
{
"name": "react-collapsable-table",
"version": "0.0.4",
"version": "0.0.5",
"keywords": [

@@ -63,2 +63,2 @@ "react",

]
}
}
# react-collapsable-table
React collapsable table, which collapses the column which can be viewed by expanding gives better mobile experience
## Usage
Here is a quick example to get you started:
```jsx
import React from "react";
import { Table } from "react-collapsable-table";
const tableHeader = [{ id: "Firstname" }, { id: "Lastname" }, { id: "Email" }];
const tableBody = [
{ id: 1, Firstname: "Roronoa", Lastname: "Zoro", Email: "roronoa@gmail.com" },
{ id: 2, Firstname: "Zoro", Lastname: "Roro", Email: "lost@gmail.com" },
{ id: 3, Firstname: "Brazve", Lastname: "Usopp", Email: "usopp@gmail.com" },
{ id: 4, Firstname: "Monkey", Lastname: "D", Email: "mokney@gmail.com" },
{ id: 5, Firstname: "Zoro", Lastname: "Roro", Email: "lost@gmail.com" }
];
export default class App extends React.Component {
render() {
return <Table tableHeaderData={tableHeader} tableBodyData={tableBody} />;
}
}
```
For live and interactive demo:
[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/worx10krow)