Customizing Tables

SVG Table allows customizing table shapes such as borders and backgrounds.

No border Table

you can remove all borders.

header1header2Row1, Cell1Row 1, Cell 2Row 1, Cell 3Row 2, Cell 1Row 2, Cell 3

table border

You can wrap the table with border. This is useful when you want to wrap another element with a border line.

Header 1Header 2Header3Row 1, Cell 1Row 1, Cell 2Row 1, Cell 3Row 2, Cell 1Row 2, Cell 2Row 2, Cell 3

table border With Margin

In this example, the table border is wrapping the content of the table. Imagine you have different sections as table cells and you have to wrap it once more.

Header 1Header 2Header 3Cell 1Cell 2Cell 3Cell 1Cell 2Cell 3

Table border styles

You can customize the shapes and colors of each border line.

Header 1Header 2testRow 1, Cell 2Row 1, Cell 3Row 2, Cell 1Row 2, Cell 3

Play with styles even more

Try complex use case for your requirements.

Row1, Cell1rotate 15, opacity 0.5Row 1, Cell 3Row 2, Cell 1Row 2, Cell 3