Untitled

<html>
<head>
<link rel="stylesheet" type="text/css" href="/js/jquery-ui/jquery-ui.css"/>
<script type="text/javascript" src="/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/js/datatables/datatables.js"></script>
<script src="/js/jquery-ui/jquery-ui.js"></script>
<script>
$(function() {
$( "#tabs" ).tabs();
	$('#table_id').DataTable({
		"bScrollCollapse": true,
		"sScrollX": "100%"
	});
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab 1</a></li>
	<li><a href="#tabs-2">Tab 2</a></li>
	<li><a href="#tabs-3">Tab 3</a></li>
</ul>
<div id="tabs-1">
<table id="table_id" class="display" cellspacing="0" width="100%">
	<thead>
            <tr>
		<th>icon</th>
            <th>Name</th>
            <th>Ilvl</th>
            <th>Req</th>
            <th>Side</th>
            <th>Slot</th>
		<th>Source</td>
		<td>Type</td>
            </tr>
        </thead>
        <tfoot>
            <tr>
		<th>icon</th>
            <th>Name</th>
            <th>Ilvl</th>
            <th>Req</th>
            <th>Side</th>
            <th>Slot</th>
		<th>Source</td>
		<td>Type</td>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td>253</td>
                <td>614</td>
                <td>E2531h</td>
                <td>61</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
            </tr>
            <tr>
                <td>12532ett Winters</td>
                <td>435countant</td>
                <td>264Tokyo</td>
                <td>23463</td>
                <td>342011/07/25</td>
                <td>34$170,750</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
            </tr>
            <tr>
                <td>3241Ashton Cox</td>
                <td>145Junior Technical Author</td>
                <td>324San Francisco</td>
                <td>66</td>
                <td>2009/01/12</td>
                <td>$86,000</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
            </tr>


        </tbody>
    </table>
</div>
<div id="tabs-2">
	<p>tab two content.</p>
</div>
<div id="tabs-3">
	<p>tab three content.</p>
</div>
</div>
</body>
</html>