{"id":1052,"date":"2011-10-27T18:00:53","date_gmt":"2011-10-27T14:00:53","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=1052"},"modified":"2023-05-05T14:14:18","modified_gmt":"2023-05-05T11:14:18","slug":"dhtmlx-web-based-spreadsheet","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/dhtmlx-web-based-spreadsheet\/","title":{"rendered":"dhtmlxSpreadsheet: Easy-to-Use Ajax Spreadsheet"},"content":{"rendered":"<p>Offering the tools that make the life of a web developer easier, we would like to introduce another helper &#8211; <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxSpreadsheet\/\">dhtmlxSpreadsheet<\/a>. It can save a lot of time for those who need to integrate, manage, and share web-based data tables on the web. <\/p>\n<p>Unlike online services (Google Docs, etc.), dhtmlxSpreadsheet can be installed on your website, allowing you to store the data in your own database. This tool is written in JavaScript and PHP (based on <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxGrid\/\">dhtmlxGrid<\/a>) and enables you to put an Excel-like spreadsheet anywhere on a webpage. <\/p>\n<p>dhtmlxSpreadsheet uses Ajax to load and update data on the server side. While the user edits the spreadsheet, adds or removes records, all these changes are automatically saved to the database.<\/p>\n<div id=\"attachment_1394\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1394\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/spreadsheet.png\" alt=\"dhtmlxSpreadsheet - JavaScript &amp; PHP Spreadsheet\" title=\"dhtmlxSpreadsheet - JavaScript &amp; PHP Spreadsheet\" width=\"600\" height=\"250\" class=\"size-full wp-image-1394\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/spreadsheet.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/spreadsheet-300x125.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-1394\" class=\"wp-caption-text\">dhtmlxSpreadsheet - JavaScript & PHP Spreadsheet<\/p><\/div>\n<p>dhtmlxSpreadsheet is very easy to use. You only need a few minutes to get an editable data table with basic cell formatting, math functions, and keyboard navigation. <\/p>\n<p>&nbsp;<br \/>\n<!--more--><strong>Easy Initialization<\/strong><\/p>\n<p>dhtmlxSpreadsheet comes with a special installer that configures the database settings and creates a necessary database structure.<\/p>\n<div id=\"attachment_1066\" style=\"width: 439px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1066\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/spreadsheet_install.gif\" alt=\"dhtmlxSpreadsheet Installer\" title=\"Spreadsheet Installer\" width=\"429\" height=\"253\" class=\"size-full wp-image-1066\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/spreadsheet_install.gif 429w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/spreadsheet_install-300x176.gif 300w\" sizes=\"auto, (max-width: 429px) 100vw, 429px\" \/><p id=\"caption-attachment-1066\" class=\"wp-caption-text\">dhtmlxSpreadsheet Installer<\/p><\/div>\n<p>When the database is configured, all you need is just one line of code, for example:<\/p>\n<div class=\"codecolorer-container html4strict default codecolorer-noborder\" style=\"overflow:auto;white-space:nowrap;\"><div class=\"html4strict codecolorer\"><span class=\"sc2\">&lt;<span class=\"kw2\">script<\/span> <span class=\"kw3\">src<\/span><span class=\"sy0\">=<\/span><span class=\"st0\">&quot;.\/dhtmlx\/spreadsheet.php?sheet=price_report&quot;<\/span> &gt;&lt;<span class=\"sy0\">\/<\/span><span class=\"kw2\">script<\/span>&gt;<\/span><\/div><\/div>\n<p>This code generates dhtmlxSpreadsheet on a web page and you get a nice-looking table to organize and share your data.<\/p>\n<p>&nbsp;<br \/>\n<strong>CMS Integration Plugins<\/strong> <\/p>\n<p>To facilitate the integration of dhtmlxSpreadsheet with CMS platforms, we offer ready-to-use plugins for Joomla!, WordPress, Drupal, and ModX. Use the plugins to quickly add a spreadsheet on your website and configure the editing rights (you can set password protection to edit the records).<\/p>\n<p>&nbsp;<br \/>\n<strong>Basic Formatting<\/strong><\/p>\n<p>The spreadsheet supports basic cell formatting options: you can change text color, cell background, set text align, rename column headings, etc. You can also navigate through the spreadsheet with the keyboard and define basic settings right there.<\/p>\n<div id=\"attachment_1061\" style=\"width: 439px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1061\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/spreadsheet_settings_.gif\" alt=\"Spreadsheet Settings\" title=\"Spreadsheet Settings\" width=\"429\" height=\"208\" class=\"size-full wp-image-1061\" \/><p id=\"caption-attachment-1061\" class=\"wp-caption-text\">Spreadsheet Settings<\/p><\/div>\n<p>&nbsp;<br \/>\n<strong>Math Functions<\/strong><\/p>\n<p>Providing a set of built-in math functions, dhtmlxSpreadsheet allows you to perform different mathematical operations on a cell or group of cells. All calculations are made on the server side so you can be sure that they are accurate and precise.<\/p>\n<div id=\"attachment_1395\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1395\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/spreadsheet_math.png\" alt=\"dhtmlxSpreadsheet - Math Functions\" title=\"dhtmlxSpreadsheet - Math Functions\" width=\"600\" height=\"206\" class=\"size-full wp-image-1395\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/spreadsheet_math.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/spreadsheet_math-300x103.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-1395\" class=\"wp-caption-text\">dhtmlxSpreadsheet - Math Functions<\/p><\/div>\n<p>&nbsp;<br \/>\n<strong>Export to PDF and Excel<\/strong><\/p>\n<p>You can easily export your spreadsheets to PDF and Excel formats by clicking the buttons in the top right corner (displaying the buttons is optional). <\/p>\n<div id=\"attachment_1396\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1396\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/spreadsheet_pdf.png\" alt=\"dhtmlxSpreadsheet - Export to PDF\" title=\"dhtmlxSpreadsheet - Export to PDF\" width=\"600\" height=\"199\" class=\"size-full wp-image-1396\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/spreadsheet_pdf.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/spreadsheet_pdf-300x99.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-1396\" class=\"wp-caption-text\">dhtmlxSpreadsheet - Export to PDF<\/p><\/div>\n<p>&nbsp;<br \/>\n<strong>Clipboard Support<\/strong> <\/p>\n<p>By using ctr+c, ctr+v, you can copy and paste a cell or selected block of cells from dhtmlxSpreadsheet to the Excel document, and vice-versa.<\/p>\n<p>&nbsp;<br \/>\nYou can place the spreadsheet anywhere on your website and share it with your clients, colleagues, or friends. To learn more about our spreadsheet solution and download the package, visit <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxSpreadsheet\/\">dhtmlxSpreadsheet homepage<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Offering the tools that make the life of a web developer easier, we would like to introduce another helper &#8211; dhtmlxSpreadsheet. It can save a lot of time for &#8230;<\/p>\n","protected":false},"author":2,"featured_media":3367,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[70,38],"tags":[33,6,34],"class_list":["post-1052","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-releases","category-visible","tag-all-posts","tag-dhtmlxgrid","tag-spreadsheet"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=1052"}],"version-history":[{"count":1,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1052\/revisions"}],"predecessor-version":[{"id":10836,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1052\/revisions\/10836"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3367"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=1052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=1052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=1052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}