CODEWITHSUNDEEP
jquery
Arpan Das
Arpan Das

Reputation: 1037

Data table creation issue

I have an HTML table:

    <table id="TabId" style="width: 100%; border: 0; cellspacing: 0; cellpadding: 0;" class="margin-8">
            <tr>
            <th style="width: 5%;">Select</th>
            <th style="width: 5%;">ID</th>
            </tr>
            <c:forEach var="vp" items="${vpList}" varStatus="rowCounter">
              <tr>
                .... tds here ....
              </tr>
            </c:forEach>
   </table>

and I have the code :

$("#TabId").dataTable
     ({
         "sPaginationType" : "full_numbers",
         "bProcessing" : true,
         "bJQueryUI" : true,
         "bRetrieve" :true
     });

I included the following files:

<script src="/tool/js/jquery.dataTables.min.js" type="text/javascript"></script>
<link href="/tool/css/demo_table_jui.css" rel="stylesheet" type="text/css" />
<link href="/tool/css/demo_table.css" rel="stylesheet" type="text/css" />

But still, the data table is not coming. Am I missing something?

Upvotes: 0

Views: 60

Answers (1)

Bibhu
Bibhu

Reputation: 4081

Add jquery plugin to your page

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

Upvotes: 1

Related Questions