File
Add library
Share
Login or Register
Help
HTMLSaved
 
<html>
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
​
<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
​
<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
​
<script type="text/javascript">
    $(document).ready(function () {
        $('#table1').DataTable({
            orderMulti: "false",
            columns: [{
                title: "Name",
                width: "300px",
                type: "string"
            },
            {
                title: "Number",
                width: "300px",
                type: "numeric-fmt"
            }],
        });
        
        var table = $('#table1').DataTable();
        table.row.add(["a", "$1.00"]);
        table.row.add(["b", "$100.00"]);
        table.row.add(["c", "$10.00"]);
        table.row.add(["d", "$2.00"]);
        table.row.add(["e", "$3.00"]);
        table.draw();
    });
​
    
</script>
​
<body>
    <table id="table1"></table>
</body>
</html>
CSSSaved
 
body {
    font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #333;
    background-color: #fff;
}
​
​
div.container {
    min-width: 980px;
    margin: 0 auto;
}
​
​
JavaScriptSaved
 
$(document).ready( function () {
  var table = $('#example').DataTable();
} );
​
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers