this library is written in typescript and React.js. For Solid.js library, please see svg-table-solid. For Vanilla.js library, please see svg-table-vanilla.
demo code and the documentations are here
or you can see next.js demo code as well.
npm install @shjeon0730/svg-table-react
peer dependency svg-table-core is included from 3.1.1 version
@shjeon0730/svg-table-react
library is made to support a case that HTML table cannot be used but svg is needed.
I realized that creating a table form in SVG is a tedious job, so created this library to make the table shape in svg easier and manageable.
Especially, if you want to use PDFMake and want to create more advanced table like experience in the PDF, it is a time consuming process.
If you can make the table with SVG and reuse the same code for both browser and PDF, it will be easier to manage.
this library support below use cases. Please check out the demo code to have more idea of using this library.
here is Next.js server side demo as well.
Please visit Homepage for more information as well as demo
For support, questions, or to report issues related to the SVG Table Component, please use the GitHub Issues page of the Turborepo project.
The SVG Table Component is MIT License.