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
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Standard with Buttons">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Table with Bu</title>
 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"/> 
 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.3.1/css/buttons.dataTables.min.css"/>
     <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/select/1.2.2/css/select.dataTables.min.css"/> 
    
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    
  <link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" />
    
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
    <script src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>  
<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script> 
<script src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/pdfmake.min.js"></script>
<script src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/vfs_fonts.js"></script>
<script src="//cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/select/1.2.2/js/dataTables.select.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js"></script>
</head>
<body>
<table id='example' class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>First</th>
                <th>Last</th>
                <th>Position</th>
                <th>Ofice</th>
                <th>Start Date</th>
                <th>End date</th>
                <th>Salary</th>
            </tr>
        </thead>
​
        <tfoot>
            <tr>
                <th><input type="text" class="regsearch" placeholder="Search First"/></th>
                <th><input type="text"  class="regsearch" placeholder="Search Last"/></th>
                <th><input type="text"  class="regsearch" placeholder="Search Position"/></th>
                <th><input type="text"  class="regsearch"  placeholder="Search First"/></th>
                <th><input class='datesearch' type="text"  id="datepickerStart" placeholder="Search Start Date"/></th>
                <th><input class='datesearch' type="text" id="datepickerEnd" placeholder="Search End Date"/></th>
                <th><input type="text"  class="regsearch" placeholder="Search Salary"/></th>
            </tr>
        </tfoot>
    </table>
</body>
</html>
Output

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

Dismiss x
public
Bin info
bindridpro
0viewers