Basic Spreadsheet App In JavaScript And HTML5

Category: Javascript , Table | October 4, 2018
Author: shpulak
Views Total: 478
Official Page: Go to website
Last Update: October 4, 2018
License: MIT

Preview:

Basic Spreadsheet App In JavaScript And HTML5

Description:

A simple, basic online spreadsheet app written in javascript, CSS/CSS3, and HTML table.

It automatically persists cell data using HTML5 local storage.

How to use it:

Add the JavaScript and Stylesheet to the page.

<link rel="stylesheet" href="styles.css">
<script src="main.js"></script>

Create an empty table for the spreadsheet.

<section class="spreadsheet">
  <table class="spreadsheet__table"
         id="table-main">
         <thead class="spreadsheet__table--headers"
                id="table-headers">
         </thead>
         <tbody class="spreadsheet__table--body"
                id="table-body">
         </tbody>
  </table>
</section>

Create a button to reset data.

<section class="spreadsheet-controls">
  <button class="reset-btn"
          id="reset">
          Reset Data
  </button>
</section>

You Might Be Interested In:

Leave a Reply