TypeError: f is undefined jquery.dataTables.min.js

ajayg2

head>

<script src="~/Scripts/jquery.dataTables.min.js"></script>
<link href="~/Content/jquery.dataTables.min.css" rel="stylesheet" />

</head>

@using (Html.BeginForm())
{

<div style="width:300;">

    <script type="text/javascript">
$(document).ready(function () {
    $('#example').DataTable({
        "searching": true,
        "ordering": true,
        "pagingType": "full_numbers",
        "ajax": "/History/GetHistory",
        "columns": [
                  { "data": "DepositDate" },
                  { "data": "EFD" },
                  { "data": "DueDate" }
           ]
    });
});
    </script>
</div>

<table id="example" class="display" width="100%" cellspacing="0">
    <thead>
        <tr>
            <th>DepositDate</th>
            <th>EFD</th>
            <th>DueDate</th>

        </tr>
    </thead>

</table>

}

kthorngren

Are you loading jquery?
https://datatables.net/manual/installation#Dependencies

Maybe you can provide debugger output:
https://datatables.net/manual/tech-notes/10

Kevin