Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<html>
  
    <head>
        <script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
     
      
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
      
      
        <script type="text/javascript">
          var data = {
                    "info": [{
                            "Name": "Noob Here1",
                            "Department": "Language",
                            "Sex": "Male",
                            "Basic_Salary": "300000",
                            "ESI": "58",
                            "Employee_PF": "60.50",
                            "Bonus": "2.60",
                            "Salary": "0",
                            "Tax": "0",
                            "Gross_Salary": "0"
                        }
                    ]
                }
          var Equationlhs=[];
            $(document).ready(function () {
​
                
                var EquationData = {
                    'eqn': [{
                            'Salary': 'Basic_Salary - ( ESI * .5 ) - Employee_PF + Bonus',
                            'Tax': '( Salary < 200000) ? 0: (( Salary < 300000) ? (.15* Salary ) : ( Salary * .30))',
                            'Gross_Salary': '( Salary - Tax )'
                        }
                    ]
                }
              
                EquationData = EquationData["eqn"][0];
​
                $.each(EquationData, function (lhs, rhs) {
                    Equationlhs.push(lhs);
                })
​
                $('#div1').koSpreadSheet();  //koSpreadSheet is name of widget
​
                $(document).tooltip();
​
            });
        </script>
    </head>
​
    <body>
        <table id="div1">
            <thead></thead>
            <tbody data-bind="foreach: info"></tbody>
        </table>
    </body>
​
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
albertmatyipro
0viewers