Hi, I have this table which gets its data from my sql database. I run a jquery function to enable users to view row details upon clicking on an icon. I have 2 <tr> inside my <tbody>. I had given my row details <tr> a class of its own so that the jquery function can call it out. Right now, Data tables isn't showing up.
<table id="tb-1" class="table table-striped datatable" style="width:100%;"> <thead> <tr> <th>Nome</th> <th>E-mail</th> <th>Regiões</th> <th>Mensagem</th> <th>Data</th> </tr> </thead> <tbody> #foreach($invite in $sentInvites) <tr> <td><strong>#if($invite.guestName.length() gt 20)<label title="$invite.guestName">$invite.guestName.substring(0,20)...</label> #else $invite.guestName #end </strong></td> <td>#if($invite.guestEmail.length() gt 20)<label title="$invite.guestEmail">$invite.guestEmail.substring(0,20)...</label> #else $invite.guestEmail #end </td> <td>#if($invite.operationRegion.length() gt 25)<label title="$invite.operationRegion">$invite.operationRegion.substring(0,25)...</label> #else $invite.operationRegion #end </td> <td>#if($invite.message.length() gt 30)<label title="$invite.message">$invite.message.substring(0,30)...</label> #else $invite.message #end </td> <td>$date.format("dd/MM/yyyy",$invite.invitationDate)</td> </tr> <tr class="tr-mensagem hide"> <td colspan="5"> <div>Para: $invite.guestName <span>< $invite.guestEmail ></span></div> <div style="margin-bottom:20px;margin-left:150px" class="txt-mensagem">$invite.message</div> <div style="margin-left:150px"> <div style="float:left;"> $invite.user.name - CRECI: $invite.user.userSalespersonInfo.creci </div> </div> </td> </tr> #end </tbody> </table>