Scribd Logo
Upload

Welcome to Scribd!

  • Program 4

    Uploaded by

    21BCA055 SELVA GANAPATHY S.M
    13 views2 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    13 views2 pages

    Program 4

    Uploaded by

    21BCA055 SELVA GANAPATHY S.M

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    Program 4:

    Design and Develop a simple Spreadsheet application.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title> How to create a Spreadsheet using HTML and JavaScript</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link
    href="https://cdnjs.cloudflare.com/ajax/libs/handsontable/0.35.1/handsontable.min.css"
    rel="stylesheet">
    </head>
    <body style="padding-top: 5rem;">
    <main role="main" class="container">
    <h1>Employee Database</h1>
    <p class="lead">Managing employee database using Spreadsheet</p>
    <div class="container welcome-div">
    <div id="employee">
    </div>
    </div>
    </main>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/handsontable/0.35.1/handsontable.min.js"></scrip
    t>
    <script type="text/javascript">
    var data = [{
    "first_name": "Arun",
    "last_name": "Kumar",
    "email": "arun@stc.ac.in",
    "gender": "Male",
    "Phone": "9865005432"
    }, {
    "first_name": "SivaShree",
    "last_name": "Priyadharshini",
    "email": "siva@gmail.com",
    "gender": "Female",
    "Phone": "9543267345"
    }, {
    "first_name": "Durai",
    "last_name": "Raj",
    "email": "durairaj_1989@gmail.com",
    "gender": "Male",
    "Phone": "9876543210"
    }]
    var container = document.getElementById('employee');
    var hot = new Handsontable(container, {
    data: data,
    rowHeaders: true,
    colHeaders: false,
    colHeaders: ['Firts name', 'Last name', 'email', 'Gender', 'Contact Number'],
    columnSorting: true,
    sortIndicator: true
    });
    </script>
    </body>
    </html>

    You might also like