hey everyone,i am new to use datatable and i am stuck at one point there.

akash_123

using datatable i created the table. that's fine.
but I gave the href link to one of tr.
and on that tr, I put bootstrap class="modal" in div tag to show the pop-up.
and in that div, I used another table to open that table with modal popup and its working.
but the table properties(like sorting, pagination) that I applied to the parent table is not applied to the child table.

how can I resolve this problem?

structure of table is like:

<table id="example">                ///parent table
  <thead>
      <tr>
        <th></th>
     </tr>
  </thead>
 <tbody>
    <tr> 
        <td>
               <div class="modal">
                    <table>                        ///child table
                          <tr><th></th></tr>
                          <tr><td></td></tr>
                    </table>
               </div>
       </td>
    </tr>
 </body>

Edited by Colin - Syntax highlighting. Details on how to highlight code using markdown can be found in this guide.

colin

Hi @akash_123 ,

We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin

akash_123

hi @colin
this is the link - https://jsbin.com/yozecilapa/edit?html,css,js,console,output

and the problem is that the properties that applied on table id "example " is not applying to the child table (table that showing after clicking on 2019)

colin

Hi @akash_123 ,

I'm not entirely sure of the goal - but I made a few tweaks here: https://jsbin.com/veneqiquve/1/edit?html,js,output

You didn't have the proper the <thead> and <tbody> tags in the table, and you weren't initialising it as a DataTable.

Hope that does the trick.

Cheers,

Colin

akash_123

thank you @colin
its working for me.
thanks alot.