JSFiddle - React, Tailwind, and code Playground

by Niranjan Borawake

HTML

<table class="table">
    <tr>
        <td>data</td>
    </tr>
</table>
<button id="zoomIn">zoom</button>

CSS

table.table tr td {
    padding:30px;
    border-left: double 1px white;
    border-bottom: double 1px white;
    cursor:cell;
    background-color: yellow;
}

JavaScript

$("#zoomIn").on('click', function () {
    var previousValue = $(".table tr td").css("padding");
    console.log(previousValue);
    previousValue = parseInt(previousValue) + 10;
    console.log(previousValue);
    $(".table tr td").css('padding', previousValue + 'px');
});