DataTable.htm

﻿<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
    <title>Datatable Example</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui" />
    <link rel="Stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.css" />
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap4.min.css"  />
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.21/js/dataTables.bootstrap4.min.js"></script>
</head>

<body>
    <form id="form1" runat="server">
        <div>
            <table id="dtexample" class="table table-striped table-bordered" border="1px" style="margin:15px" cellpadding="0px" width="auto" cellspacing="0px">
                <thead id="headD">
                    <tr></tr>
                    <tr></tr>
                </thead>
                <tbody id="dataD" runat="server"></tbody>
                <tfoot>
                    <tr> </tr>
                </tfoot>
            </table>
            <script type="text/javascript" src="dt-custom.js"></script>
        </div>
    </form>
</body>

</html>