Error with JQuery DataTables oCol is undefined dialog -


i using jquery datatables populate data in 2 separate tables in same page. however, getting following error:

ocol undefined

..in dialog box. please me solve this.this code:

<table class="assignment"> <tr> <th>available product license types</th> <th></th> <th>assigned product license types</th> </tr> <tr> <td class="leftcontent"> select: <a href="#" onclick="return aslm.datatables.selectall   ($('#availableproductlicensetypetable'));">all</a>,                            <a href="#" onclick="return aslm.datatables.selectnone($('#availableproductlicensetypetable'));">none</a>            <table id="availableproductlicensetypetable" class="display small noshadow">  <thead>  <tr>  <th>id</th>  <th>name</th>  <th>view only</th>  </tr>  </thead>  <tbody>  <c:foreach var="availableproductlicensetype" items="${availableproductlicensetype}">  <tr>  <td>  ${availableproductlicensetype.id}  </td>  <td>                             ${availableproductlicensetype.productfamilyname}${' '}${availableproductlicensetype.productname}                             <c:choose>                                 <c:when test="${availableproductlicensetype.needsexplicitassignment}">*${availableproductlicensetype.licensetypename}                                 </c:when>                                 <c:otherwise>${availableproductlicensetype.licensetypename}                                  </c:otherwise>                            </c:choose>                         </td>                         <td>${availableproductlicensetype.isviewonly}                         </td>                      </tr>                 </c:foreach>             </tbody>             </table>         </td>             <td class="buttons">         <input type="button" value="&gt;" onclick="moveproductlicensetypesavailabletoassigned()"/></br>         <input type="button" value="&lt;" onclick="moveproductlicensetypesassignedtoavailable()"/></br>     </td>     <td class="rightcontent">         select: <a href="#" onclick="return aslm.datatables.selectall($('#assignedproductlicensetypetable'));">all</a>,                  <a href="#" onclick="return aslm.datatables.selectnone($('#assignedproductlicensetypetable'));">none</a>         <table id="assignedproductlicensetypetable" class="display small noshadow">                 <thead>                 <tr>                         <th>id</th>                         <th>name</th>                         <th>view only</th>                         </tr>                 </thead>                 <c:foreach var="assignedproductlicensetype" items="${assignedproductlicensetype}">                     <tr>                         <td>                             ${assignedproductlicensetype.id}                         </td>                         <td>                             ${assignedproductlicensetype.productfamilyname}${' '}${assignedproductlicensetype.productname}                             <c:choose>                                 <c:when test="${assignedproductlicensetype.needsexplicitassignment}">*${assignedproductlicensetype.licensetypename}                                 </c:when>                                 <c:otherwise>${assignedproductlicensetype.licensetypename}                                  </c:otherwise>                            </c:choose>                                                                                        <input type="checkbox" name="isviewonly" id="isviewonlyid"  value="${assignedproductlicensetype.isviewonly}"  />                           </td>                           <td>${assignedproductlicensetype.isviewonly}                           </td>                           </tr>                 </c:foreach>             </table>         </td>        </tr> </table> 

datatables wants format:

    <table>      <thead>       <tr>        <td>col 1 head</td>        <td>col 2 head</td>        <td>col 3 head</td>       </tr>     </thead>     <tbody>      <tr>       <td>col 1 body</td>       <td>col 2 body</td>       <td>col 3 body</td>      </tr>     </tbody>    </table> 

Comments

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

javascript - jQuery date picker - Disable dates after the selection from the first date picker -