File
Add library
Share
Login or Register
Help
HTMLSaved
 
​
<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
 
    <script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
​
    <link href="https://nightly.datatables.net/css/jquery.dataTables.css?_=f865a8fe2565c522ebdb98c0d4eb84e5.css" rel="stylesheet" type="text/css" />
    <script src="https://nightly.datatables.net/js/jquery.dataTables.js?_=f865a8fe2565c522ebdb98c0d4eb84e7"></script>
​
    <link href="https://nightly.datatables.net/buttons/css/buttons.dataTables.css?_=82057b89834dd191a8e620fb781c34b2.css" rel="stylesheet" type="text/css" />
    <script src="https://nightly.datatables.net/buttons/js/dataTables.buttons.js?_=82057b89834dd191a8e620fb781c34b2"></script>
    <script src="https://nightly.datatables.net/buttons/js/buttons.html5.js?_=82057b89834dd191a8e620fb781c34b2"></script>
</head>
<body>
    <table>
        <thead>
            <tr>
                <th>a</th>
                <th>b</th>
                <th>c</th>
            </tr>
        </thead>
        <tbody></tbody>
    </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;
}
​
JavaScriptSaved
 
    $(document).ready(function()
    {
        var data = [];
        for(var i = 0; i < 100000; ++i)
            data.push(['a', 'b', 'c'])
​
        $('table').dataTable({
            data:data,
            dom: 'Bfrtip',
            buttons: [ 'copy', 'csv', 'excel']
        });
    });
1 error
Line 5: Missing semicolon.
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers