Creating a Table

  • Updated

Below is some sample code to utilize that allows the user to create a table using the Osano cookie disclosure JSON. It is merely an example, but can be customized as customers see fit. 

Note that the below example uses jQuery to parse the JSON and requires the script in order to function appropriately. 


<html lang="en">

    <meta charset="UTF-8">
    <title>Osano Cookie Disclosures</title>

    <script src=

        table {
            margin: 0 auto;
            font-size: large;
            border: 1px solid black;
      border-collapse: collapse;

        h1 {
            text-align: center;
            color: black;
            font-size: x-large;
            font-family: 'Gill Sans',
                'Gill Sans MT', ' Calibri',
                'Trebuchet MS', 'sans-serif';

        td {
            background-color: white;
            border: 1px solid black;

        td {
            font-weight: bold;
            border: 1px solid black;
            padding: 10px;
            text-align: left;

        td {
            font-weight: lighter;

        <h1>Cookies we may use</h1>

        <!-- TABLE CONSTRUCTION-->
        <table id='table'>
            <!-- HEADING FORMATION -->
                <th>Cookie Name</th>

                $(document).ready(function () {

                    // FETCHING DATA FROM JSON FILE
                            function (data) {
                        var cookie = '';

                        // ITERATING THROUGH OBJECTS
                        $.each(data, function (key, value) {

                            //CONSTRUCTION OF ROWS HAVING
                            // DATA FROM JSON OBJECT
                            cookie += '<tr>';
                            cookie += '<td>' +
                       + '</td>';

                            cookie += '<td>' +
                              value.classification + '</td>';

                            cookie += '<td>' +
                                value.purpose + '</td>';

                            cookie += '<td>' +
                                value.expiry + '</td>';

                            cookie += '</tr>';
                        //INSERTING ROWS INTO TABLE

Cookie Disclosure JSON Table