Adds External Source: build a table from a Google Sheet or a CSV\/Excel file on the web, and optionally keep it in sync automatically. Also brings a redesigned Settings \u2192 Tabilo dashboard (Overview, Patterns, Blocks, Import data, Settings) and a fix so an imported spreadsheet link is kept by default instead of discarded.<\/p>","1.2.0":"
Adds Import Data: build a table straight from a CSV or Excel file, with a preview before you import.<\/p>","1.1.0":"
Adds Stacked Card responsive mode, a sticky table header, and per-column colors for the header and footer.<\/p>","1.0.0":"
Initial release of Tabilo \u2013 Table Builder Block for Gutenberg.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3663318,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3652062,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3652062,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"tabilo\/rating":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"tabilo\/rating","version":"1.3.0","title":"Rating","category":"tabilo","description":"Shows star rating with number of ratings.","example":{},"supports":{"anchor":true,"html":false,"align":["wide","full"],"spacing":{"margin":true,"padding":true}},"attributes":{"blockStyle":{"type":"object"},"rating":{"type":"number","default":4.5},"totalRating":{"type":"number","default":5},"showNRating":{"type":"boolean","default":false},"nrPos":{"type":"string","default":"nr_right"},"ratingSize":{"type":"number"},"ratingNsize":{"type":"number"},"ratingColor":{"type":"string"},"nuRatColor":{"type":"string"},"alignment":{"type":"string","default":""}},"textdomain":"tabilo-table-builder-block","editorScript":"file:.\/index.js","style":"file:.\/style-index.css"},"tabilo\/icon":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"tabilo\/icon","version":"1.3.0","title":"Icon","category":"tabilo","description":"Shows SVG icon from library or custom SVG code.","example":{},"supports":{"anchor":true,"html":false,"spacing":{"margin":true,"padding":true}},"attributes":{"blockStyle":{"type":"object"},"iconSource":{"type":"string","default":"library"},"icon":{"type":"string","default":"check-circle"},"svgCode":{"type":"string"},"alignment":{"type":"string","default":""},"iconColor":{"type":"string"},"iconSize":{"type":"number"}},"textdomain":"tabilo-table-builder-block","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css","viewScript":"file:.\/view.js"},"tabilo\/table":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"tabilo\/table","version":"1.3.0","title":"Table Builder","category":"tabilo","description":"Build flexible table with any content.","example":{},"supports":{"anchor":true,"html":false,"align":["wide","full"]},"styles":[{"name":"default","label":"Default","isDefault":true},{"name":"striped","label":"Striped"},{"name":"separated","label":"Separated"}],"attributes":{"blockStyle":{"type":"object"},"hasHeader":{"type":"boolean","default":false},"hasFooter":{"type":"boolean","default":false},"isStickyHeader":{"type":"boolean","default":false},"stickyHeaderOffset":{"type":"string","default":""},"headerCells":{"type":"array","default":[]},"headerCellColors":{"type":"array","default":[]},"footerCellColors":{"type":"array","default":[]},"footerCells":{"type":"array","default":[]},"columnCount":{"type":"number","default":1},"rowCount":{"type":"number","default":1},"isGenerated":{"type":"boolean","default":false},"isFixedLayout":{"type":"boolean","default":false},"tableBorder":{"type":"object","default":{"top":"","right":"","bottom":"","left":""}},"cellPadding":{"type":"object","default":{"top":"","right":"","bottom":"","left":""}},"headPadding":{"type":"object","default":{"top":"","right":"","bottom":"","left":""}},"tableBg":{"type":"string"},"tableColor":{"type":"string"},"alignment":{"type":"string","default":""},"theadBg":{"type":"string"},"theadColor":{"type":"string"},"tfootBg":{"type":"string"},"tfootColor":{"type":"string"},"stripedColor":{"type":"string"},"stripedBg":{"type":"string"},"tableCellBorder":{"type":"object","default":{"top":"","right":"","bottom":"","left":""}},"tableCellRadius":{"type":"object","default":{"top":"","right":"","bottom":"","left":""}},"tableRowBorder":{"type":"object","default":{"top":"","right":"","bottom":"","left":""}},"headBorder":{"type":"object","default":{"top":"","right":"","bottom":"","left":""}},"cheadBorder":{"type":"object","default":{"top":"","right":"","bottom":"","left":""}},"footerBorder":{"type":"object","default":{"top":"","right":"","bottom":"","left":""}},"cfooterBorder":{"type":"object","default":{"top":"","right":"","bottom":"","left":""}},"shSpacing":{"type":"string"},"svSpacing":{"type":"string"},"thFontSize":{"type":"string"},"tfFontSize":{"type":"string"},"responsiveMode":{"type":"string","default":""},"stackedRowDirection":{"type":"string","default":"vertical"},"stackedCellDirection":{"type":"string","default":"horizontal"},"tableMinWidth":{"type":"string"},"showScrollIndicator":{"type":"boolean","default":false},"scrollIndicatorText":{"type":"string","default":"\u2190 Scroll horizontally to see all columns \u2192"},"indicatorColor":{"type":"string"},"indicatorFontSize":{"type":"string"},"indicatorMargin":{"type":"object","default":{"top":"","right":"","bottom":"","left":""}},"dataSource":{"type":"object"},"isSynced":{"type":"boolean","default":false}},"providesContext":{"tabilo\/isSynced":"isSynced"},"textdomain":"tabilo-table-builder-block","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css"},"tabilo\/table-row":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"tabilo\/table-row","version":"1.3.0","title":"Table Row","parent":["tabilo\/table"],"category":"tabilo","description":"Table Row block for Tabilo.","example":{},"supports":{"anchor":false},"attributes":{"blockStyle":{"type":"object"},"rowColor":{"type":"string"},"rowBg":{"type":"string"},"tableRowBorder":{"type":"object","default":{"top":"","right":"","bottom":"","left":""}}},"textdomain":"tabilo-table-builder-block","editorScript":"file:.\/index.js"},"tabilo\/table-cell":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"tabilo\/table-cell","version":"1.3.0","title":"Table Cell","parent":["tabilo\/table","tabilo\/table-row"],"category":"tabilo","description":"Table Cell block for Tabilo.","example":{},"supports":{"anchor":false},"attributes":{"blockStyle":{"type":"object"},"cellColor":{"type":"string"},"cellBg":{"type":"string"},"tableCellBorder":{"type":"object","default":{"top":"","right":"","bottom":"","left":""}},"dataLabel":{"type":"string","default":""}},"usesContext":["tabilo\/isSynced"],"textdomain":"tabilo-table-builder-block","editorScript":"file:.\/index.js"}},"tagged_versions":["1.0.0","1.1.0","1.2.0","1.3.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3629398,"resolution":"1","location":"assets","locale":"","width":5104,"height":2542},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3629398,"resolution":"2","location":"assets","locale":"","width":2758,"height":2062},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3629398,"resolution":"3","location":"assets","locale":"","width":2562,"height":1658},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3629398,"resolution":"4","location":"assets","locale":"","width":2488,"height":1536},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3652062,"resolution":"5","location":"assets","locale":"","width":1389,"height":885},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3663318,"resolution":"6","location":"assets","locale":"","width":3100,"height":2174}},"screenshots":{"1":"Build flexible tables visually inside the WordPress block editor.","2":"Insert any block \u2014 images, buttons, icons and ratings \u2014 into your cells.","3":"40+ ready-made pricing, comparison and data table patterns.","4":"Fine-grained styling controls for colors, borders, spacing and typography.","5":"Import Data \u2014 build a table straight from a CSV or Excel file, with a preview before you import.","6":"External Source \u2014 build a table from a Google Sheet or a file on the web, and keep it in sync."}},"plugin_section":[],"plugin_tags":[4397,151844,4391,2289,148936],"plugin_category":[],"plugin_contributors":[174986],"plugin_business_model":[],"class_list":["post-346245","plugin","type-plugin","status-publish","hentry","plugin_tags-comparison-table","plugin_tags-gutenberg-block","plugin_tags-pricing-table","plugin_tags-table","plugin_tags-table-builder","plugin_contributors-binsaifullah","plugin_committers-binsaifullah"],"banners":{"banner":"https:\/\/ps.w.org\/tabilo-table-builder-block\/assets\/banner-772x250.png?rev=3652062","banner_2x":"https:\/\/ps.w.org\/tabilo-table-builder-block\/assets\/banner-1544x500.png?rev=3652062","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/tabilo-table-builder-block\/assets\/icon-256x256.png?rev=3663318","icon_2x":"https:\/\/ps.w.org\/tabilo-table-builder-block\/assets\/icon-256x256.png?rev=3663318","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/tabilo-table-builder-block\/assets\/screenshot-1.png?rev=3629398","caption":"Build flexible tables visually inside the WordPress block editor."},{"src":"https:\/\/ps.w.org\/tabilo-table-builder-block\/assets\/screenshot-2.png?rev=3629398","caption":"Insert any block \u2014 images, buttons, icons and ratings \u2014 into your cells."},{"src":"https:\/\/ps.w.org\/tabilo-table-builder-block\/assets\/screenshot-3.png?rev=3629398","caption":"40+ ready-made pricing, comparison and data table patterns."},{"src":"https:\/\/ps.w.org\/tabilo-table-builder-block\/assets\/screenshot-4.png?rev=3629398","caption":"Fine-grained styling controls for colors, borders, spacing and typography."},{"src":"https:\/\/ps.w.org\/tabilo-table-builder-block\/assets\/screenshot-5.png?rev=3652062","caption":"Import Data \u2014 build a table straight from a CSV or Excel file, with a preview before you import."},{"src":"https:\/\/ps.w.org\/tabilo-table-builder-block\/assets\/screenshot-6.png?rev=3663318","caption":"External Source \u2014 build a table from a Google Sheet or a file on the web, and keep it in sync."}],"raw_content":"\n
Tabilo<\/strong> is a flexible, native table builder block for the WordPress block editor (Gutenberg)<\/strong>. Create beautiful pricing tables, comparison tables, data tables, booking tables<\/strong> and more \u2014 right inside the editor, with a live preview and zero shortcodes.<\/p>\n\n Unlike traditional WordPress table plugins that lock you into plain text cells, Tabilo lets you insert any Gutenberg block inside a table cell<\/strong> \u2014 headings, paragraphs, images, buttons, lists, icons, star ratings, and even other blocks. If you can build it with blocks, you can put it in a Tabilo table.<\/p>\n\n Start fast with 40+ pre-designed table patterns<\/strong>, then customize colors, borders, spacing, and typography visually \u2014 no code required.<\/p>\n\n Already have the data? Import a CSV or Excel file<\/strong>, or paste a Google Sheets link<\/strong> and pull it straight in. Tabilo works out what each column holds, so a column of picture addresses becomes real images and a column of scores becomes star ratings \u2014 not a wall of text. And if the data keeps changing, switch on live sync<\/strong> and the published table refreshes itself in the background.<\/p>\n\n Kickstart your layout with professionally designed patterns:<\/p>\n\n Tabilo can build a table from a spreadsheet at a web address you paste in. When you do that, and only then, your site makes a request from your own server to the address you entered and shows you the data it returns. Nothing is sent to the plugin author at any point, and no information about you, your site or your visitors is transmitted.<\/p>\n\n Google Sheets<\/strong><\/p>\n\n When the address you paste is a Google Sheets link, the plugin rewrites it into Google's own CSV export address on docs.google.com and requests that instead. This happens only when you paste a Google Sheets link and press Fetch Data<\/strong>, or when a table you have set to live sync refreshes itself.<\/p>\n\n What is sent: the sheet address you pasted, and nothing else.<\/p>\n\n This service is provided by Google. Terms of service: https:\/\/policies.google.com\/terms \u2014 Privacy policy: https:\/\/policies.google.com\/privacy<\/p>\n\n Other addresses<\/strong><\/p>\n\n For any other address, the plugin requests exactly the address you entered \u2014 nothing is rewritten.<\/p>\n\n Live sync<\/strong><\/p>\n\n If you switch a table to live sync, your site repeats that same request on the schedule you choose (hourly, every six hours, or daily) using WordPress's built-in scheduler. The request is made in the background: your visitors never wait for it, and a page view never triggers an outbound request of its own. You can turn sync off or disconnect the source at any time from the block's Data Source<\/strong> panel.<\/p>\n\n Picture addresses inside your data<\/strong><\/p>\n\n When an imported column holds picture addresses, your site makes one short request per column to ask the host what kind of file it serves, so the column can be recognised as images. If you switch on Copy pictures into the media library<\/strong>, your site then downloads those pictures and stores them as attachments. Left off \u2014 the default \u2014 the pictures are simply displayed from wherever they already live, and your visitors' browsers load them from that host.<\/p>\n\n Limits<\/strong><\/p>\n\n Requests are restricted to http and https addresses, to two megabytes per data file and five megabytes per picture, and to addresses outside your own private network. Fetched data is only read and displayed; it is never executed, and nothing is written to your server unless you explicitly ask for pictures to be copied into the media library.<\/p>\n\n\n From your WordPress Dashboard:<\/strong><\/p>\n\n Manual installation:<\/strong><\/p>\n\n How to use:<\/strong><\/p>\n\n Tabilo is a native table builder block for the WordPress block editor (Gutenberg) that lets you create responsive pricing, comparison and data tables without shortcodes or a page builder.<\/p><\/dd>\n Yes. Tabilo lets you insert any Gutenberg block inside a cell \u2014 text, images, buttons, lists, icons, star ratings and even other blocks.<\/p><\/dd>\n No. Everything is built and styled visually from the block editor. No HTML, CSS or shortcodes are required.<\/p><\/dd>\n Yes. Click Import Data<\/strong> on the block's start screen and drop in a CSV or Excel file (.csv, .tsv, .xlsx, .xlsm). You will see a preview of the data, choose whether the first row is the header and the last row is the footer, and then the table is built for you. A file you upload is read entirely in your browser \u2014 it is never sent to your site or anywhere else.<\/p><\/dd>\n Yes. Click External Source<\/strong> on the block's start screen, paste the address, and press Fetch Data<\/strong>. Google Sheets links and direct links to Yes. The sheet must be shared with Anyone with the link<\/strong>, or published to the web via File \u2192 Share \u2192 Publish to web<\/strong>. A private sheet returns a sign-in page rather than data, and Tabilo will tell you so. If you cannot share the sheet, download it as CSV and use Import Data<\/strong> instead.<\/p><\/dd>\n Yes. When you import from an address, set Keep in sync<\/strong> to Live<\/strong> and choose how often it should refresh. WordPress re-reads the source in the background on that schedule, so your visitors never wait for it. If the source is unreachable the table keeps showing the last data that was read successfully \u2014 it never goes blank. Cell content is then managed by the source and locked in the editor; your layout, colours and styling stay fully editable. Use Disconnect<\/strong> in the Data Source<\/strong> panel to turn a synced table back into an ordinary one, keeping the rows as they are.<\/p>\n\n Every column type follows the source on every refresh \u2014 text, images, links and star ratings alike.<\/p><\/dd>\n Yes. Tabilo works out what each column holds and turns a column of picture addresses into proper image blocks rather than printing the address as text. It recognises them from the column name, the file extension, and \u2014 for the many picture addresses that have no extension at all, such as Unsplash or Cloudinary links \u2014 by asking the server what the file actually is. Every column's type is shown above the preview and you can change any of them before importing.<\/p>\n\n By default the pictures load from where they already live, which is instant and means a synced table follows its source. Switch on Copy pictures into the media library<\/strong> if you would rather store copies on your own site.<\/p><\/dd>\n Yes. A column of web addresses becomes clickable links, and a column of scores from 0 to 5 becomes Star Rating blocks. As with images, the guess is shown before you import and you can override it per column.<\/p><\/dd>\n Yes. Choose Horizontal Scroll to keep the table intact with an optional on-screen scroll hint, or Stacked Card to turn each row into a card below 768px \u2014 every cell is labelled with its column header, and you control how the cells and their labels are arranged. More responsive modes are on the roadmap.<\/p><\/dd>\n Absolutely. You get comprehensive controls for colors, backgrounds, per-side borders, border radius, padding, border spacing and font sizes, plus Default, Striped and Separated block styles. Header and footer columns can also be colored one by one \u2014 handy for highlighting a recommended pricing plan.<\/p><\/dd>\n Yes. It ships with 40+ pre-designed patterns for pricing, comparison, data and booking tables that you can insert and edit in one click.<\/p><\/dd>\n Tabilo follows WordPress block standards and works with any properly coded block or classic theme that supports the block editor.<\/p><\/dd>\n No. Tabilo is lightweight, loads no jQuery, and outputs clean semantic HTML, so your tables stay fast.<\/p><\/dd>\n\n<\/dl>\n\n\nWhy choose Tabilo?<\/h4>\n\n
\n
Key Features<\/h3>\n\n
\n
Included Blocks<\/h3>\n\n
\n
Ready-Made Table Patterns<\/h3>\n\n
\n
Perfect For<\/h3>\n\n
\n
External services<\/h3>\n\n
\n
\n
\n
\n
What is Tabilo?<\/h3><\/dt>\n
Can I add any type of content to table cells?<\/h3><\/dt>\n
Do I need to know how to code?<\/h3><\/dt>\n
Can I import a spreadsheet?<\/h3><\/dt>\n
Can I build a table from a Google Sheet or a file on the web?<\/h3><\/dt>\n
.csv<\/code>, .tsv<\/code> and .xlsx<\/code> files all work, and you get the same preview and header\/footer options as an uploaded file. Because browsers cannot read those addresses directly, your own server fetches the data \u2014 see the External services<\/strong> section above for exactly what is sent.<\/p><\/dd>\nDoes the Google Sheet have to be public?<\/h3><\/dt>\n
Can a table update itself when the source changes?<\/h3><\/dt>\n
My spreadsheet has a column of image URLs. Will they become real images?<\/h3><\/dt>\n
Can other columns become blocks too?<\/h3><\/dt>\n
Are the tables responsive?<\/h3><\/dt>\n
Can I customize the table design?<\/h3><\/dt>\n
Does Tabilo include ready-made templates?<\/h3><\/dt>\n
Will it work with my theme?<\/h3><\/dt>\n
Does it slow down my site?<\/h3><\/dt>\n
1.3.0<\/h4>\n\n
\n
.csv<\/code>, .tsv<\/code> or .xlsx<\/code> file, press Fetch Data<\/strong>, and review the same preview you get for an uploaded file.<\/li>\n1.2.0<\/h4>\n\n
\n
.xlsx<\/code> and .xlsm<\/code> workbooks, including dates, shared text and multi-sheet files. Pick which sheet to import from a dropdown.<\/li>\n1.1.0<\/h4>\n\n
\n