datatable

Datatable Bug

by bshamsian

HTML

<link rel="stylesheet" type="text/css"         href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css"> 

<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>


<br>
<h2>
Issue: No search/pagination options displayed for data table below?
</h2>
<br/>
<h4>
                        <a class="button" href="javascript:(function()%7Bvar%20n%20%3D%20document.createElement('script')%3Bn.setAttribute('language'%2C%20'JavaScript')%3Bn.setAttribute('src'%2C%20'https%3A%2F%2Fdebug.datatables.net%2Fdebug.js')%3Bdocument.body.appendChild(n)%7D)()">
                            DataTables debug
                        </a>
                        <div class="clear"></div>
</h4>

<br>

<span id="data_dictionary">
   <div class="table-wrap">
      <table>
         <colgroup>
            <col/>
            <col/>
            <col/>
            <col/>
            <col/>
         </colgroup>
         <tbody>
            <tr>
               <th>#</th>
               <th>Heading 1</th>
               <th><span>Heading 2</span></th>
               <th><span>Heading 3</span></th>
               <th><span>Heading 4</span></th>
            </tr>
            <tr>
               <td>1</td>
               <td>boingomedia</td>
               <td>Ad Group</td>
               <td>Ad Group Accept Click Rate</td>
               <td>None</td>
            </tr>
            <tr>
               <td>2</td>
               <td>rs_media</td>
               <td>Ad Group</td>
               <td>Ad Group Accept Click Rate</td>
               <td>None</td>
            </tr>
            <tr>
               <td>3</td>
               <td>boingomedia</td>
               <td>Ad Group</td>
               <td>Ad Group Ad Contract ID</td>
               <td>None</td>
            </tr>
            <tr>
               <td>4</td>
               <td>boingomedia</td>
               <td>Ad Group</td>
               <td>Ad Group Accept Click...

JavaScript

$(document).ready(function() {
  $('#data_dictionary table').DataTable({
    "paging": true,
    "searching": true
  });
});