TableNex
Next-gen table component for React.
id | task | title | status | priority | Est. Hours | Created Date | Assigned To | |
|---|---|---|---|---|---|---|---|---|
1 | UI Design | Redesign Dashboard Interface | In Progress | High | 24 | 2025-03-25 | John Doe | |
2 | API Integration | Implement Payment Gateway | Pending | Medium | 16 | 2025-03-26 | Jane Smith | |
3 | Database | Optimize User Queries | Completed | Low | 12 | 2025-03-24 | Bob Johnson | |
4 | Testing | Conduct Security Audit | In Progress | High | 20 | 2025-03-27 | Alice Brown |
npm i react-tablenex
import TableNex from "react-tablenex";
import "react-tablenex/style.css";
const tableData = [
{ id: "CRS-001", course: "Introduction to Python", enrolled: 45, instructor: "Dr. Emily Stone", startDate: "2025-05-01" },
{ id: "CRS-002", course: "Advanced Data Science", enrolled: 28, instructor: "Prof. Mark Rivera", startDate: "2025-05-03" },
{ id: "CRS-003", course: "Web Development Basics", enrolled: 60, instructor: "Sarah Kim", startDate: "2025-04-29" },
{ id: "CRS-004", course: "Machine Learning Fundamentals", enrolled: 35, instructor: "Dr. Alan Chen", startDate: "2025-05-05" },
];
const UsageCode = () => {
return <TableNex data={tableData} />
}
export default UsageCode;
id | course | enrolled | instructor | startDate |
|---|---|---|---|---|
CRS-001 | Introduction to Python | 45 | Dr. Emily Stone | 2025-05-01 |
CRS-002 | Advanced Data Science | 28 | Prof. Mark Rivera | 2025-05-03 |
CRS-003 | Web Development Basics | 60 | Sarah Kim | 2025-04-29 |
CRS-004 | Machine Learning Fundamentals | 35 | Dr. Alan Chen | 2025-05-05 |