Tip: The +/− control appears only when at least one column with
data-priority > 1 is hidden. Use Enter or Space on the control to toggle via keyboard.
Orders (responsive table)
| Project | Client | Status | Budget | Start | End |
|---|---|---|---|---|---|
| Multi-Tenant SaaS | Codes Easy | Live | ₹3,50,000 | 2025-02-15 | 2025-05-30 |
| Fintech Wallet (Android) | Fintech Startup | UAT | ₹9,80,000 | 2025-06-10 | — |
| EdTech LMS | University Partner | Delivered | ₹11,00,000 | 2024-12-01 | 2025-04-10 |
Columns with lower data-priority numbers stay visible longer (priority 1 is never hidden).
Projects (Bootstrap-styled toggles + custom details)
| Project | Client | Status | Budget | Start |
|---|---|---|---|---|
| Marketing Site | Acme Co. | Discovery | ₹1,20,000 | 2025-07-01 |
| iOS App | Globex | In Progress | ₹8,40,000 | 2025-03-18 |
This table demonstrates a Bootstrap button toggle and a custom details renderer that lists hidden fields.
Live events
Include & initialize
<script src="https://cdn.jsdelivr.net/npm/@codeseasy/collapsetable@1.2.0/dist/collapsetable.min.js"></script>
<script>
var ct = new CollapseTable(); // defaults to production mode
// ct.setMode('development'); // optionally enable warnings during setup
ct.set("#table1"); // id, selector, or <table> element
</script>