Comparison table
Compare products, services, features, and more in a clear layout that makes differences between offerings quick and easy to understand.
Live Preview| Use case | Side-by-side comparison of offerings and features. |
| Page speed impact | Low, unless very large images are used for icons. SVG is recommended if you need to replace the provided icons. |
| Available in pages | Yes |
| Reserved block class | comptab |
| Relevant files | css/components/comparison-table.cssjs/components/comparison-table.js |
Quick demo
Good to know
Freezing the first column requires some calculations, so the table may appear delayed or incorrect in the page editor. If that happens, reload the page Cmd/Ctrl + R. This does not affect your live page.
For best results, use Light comparison tables with white backgrounds and Dark comparison tables with Dark backgrounds.