File
Add library
Share
Login or Register
Help
HTMLSaved
 
<html lang="en">
​
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.datatables.net/2.2.2/js/dataTables.js"></script>
<link href="https://cdn.datatables.net/2.2.2/css/dataTables.dataTables.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.datatables.net/datetime/1.5.5/js/dataTables.dateTime.min.js"></script>
<link href="https://cdn.datatables.net/datetime/1.5.5/css/dateTime.dataTables.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.datatables.net/buttons/3.2.2/js/dataTables.buttons.min.js"></script>
<link href="https://cdn.datatables.net/buttons/3.2.2/css/buttons.dataTables.min.css" rel="stylesheet" type="text/css" />
  
  
<script src="https://cdn.datatables.net/searchbuilder/1.8.2/js/dataTables.searchBuilder.min.js"></script>
<link href="https://cdn.datatables.net/searchbuilder/1.8.2/css/searchBuilder.dataTables.min.css" rel="stylesheet" type="text/css" />
    
​
​
</head>
​
<body>
    <table id="example">
        <thead>
            <tr class="fw-boldest fs-6 text-gray-600 bg-light">
                <th> Nombre </th>
                <th> Sexo </th>
                <th> Número empleado </th>
                <th> NIF </th>
                <th> Contrato </th>
                <th> Estado </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>A1</td>
                <td>A2</td>
                <td>A3</td>
                <td>A4</td>
                <td>A5</td>
                <td>A6</td>
            </tr>
            <tr>
                <td>B1</td>
                <td>B2</td>
                <td>B3</td>
                <td>B4</td>
                <td>B5</td>
                <td>B6</td>
            </tr>
        </tbody>
    </table>
    
    <script>
    new DataTable('#example', {
        "stateSave": true,
        layout: {
            topStart: {
                buttons: [
                    {
                        extend: 'searchBuilder',
                        config: {
                            depthLimit: 2
                        }
                    }
                ]
            }
        }
    });
    </script>
</body>
</html>
JavaScriptSaved
 
new DataTable('#example', {
  "stateSave": true,
  layout: {
    topStart: {
      buttons: [
        {
          extend: 'searchBuilder',
          config: {
            depthLimit: 2
          }
        }
      ]
    }
  }
});
​
​
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers