react-collapsable-table
Advanced tools
React collapsable table, which collapses the column which can be viewed by expanding gives better mobile experience
Here is a quick example to get you started:
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:
FAQs
Table which collapses according to the size
We found that react-collapsable-table demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A new Node.js homepage button linking to paid support for EOL versions has sparked a heated discussion among contributors and the wider community.
Research
North Korean threat actors linked to the Contagious Interview campaign return with 35 new malicious npm packages using a stealthy multi-stage malware loader.
Research
Security News
The Socket Research Team investigates a malicious Python typosquat of a popular password library that forces Windows shutdowns when input is incorrect.