Table inside td

islamelshobokshy

I had a question. Can datatables work this table :

<table>
  <thead>
    <tr>
       <th></th>
       <th>Title</th>
       <th>Title</th>
       <th>Title</th>
       <th>Title</th>
       <th>Title</th>
       <th>Title</th>
       <th></th>
       <th></th>
       <th></th>
       <th></th>
    <tr>
  </thead>
  <tbody>
    <tr>
       <td aria-expanded="false" data-toggle="collapse" data-target="#collapse1" style="cursor: pointer;"><span class="glyphicon glyphicon-chevron-right"></span><span class="glyphicon glyphicon-chevron-down"></span></td>
       <td>Stuff</td>
       <td>Stuff</td>
       <td>Stuff</td>
       <td>Stuff</td>
       <td>Stuff</td>
       <td>Stuff</td>
       <td><insert button here></td>
       <td><insert button here></td>
       <td><insert button here></td>
       <td><insert form here></td>
    <tr>
    <tr>
       <td></td>
       <td colspan="10"><insert table here></td>
    <tr>
  </tbody>

colin

Hi @islamelshobokshy ,

The best bet is to give it a try in the sandpit, you can experiment with various options and customisations.

Cheers,

Colin

islamelshobokshy

Well it doesn't work in my own code that's why I'm asking if it's possible or not

I get an Uncaught TypeError: Cannot read property 'className' of undefined, as Datatables is looking for 11 <td> in each <tr>, and doesn't like having in a <tr> 1 <td> and in another <tr> a <td> that fills the space of 10 others ... Can I tell datatables to sort only each modulo 2 <tr> ?

colin

Yep, the table is expected to be constant width, so you'll either need to prescan the table and remove those smaller columns, or pad them out so they'll fit.

Cheers,

Colin