Uma linha pode ser expandida para exibir o conteúdo de detalhes.
$render=explode(" ", $_POST["partial_render"]);
$result = "SELECT * FROM produtos p INNER JOIN estoque e ON p.estoque=e.id_estoque INNER JOIN categorias c ON p.categoria=c.id_categoria WHERE id_produto="".$_POST["tabela_expandedRowKey"].""";
$result = $pdo->query($result);
$linha = $result->fetch(PDO::FETCH_ASSOC);
$avaliacao=""; for ($i = 1; $i <= 5; $i++) { $avaliacao.="<div class="ui-rating-star"; if($i<=$linha["avaliacoes"]){ $avaliacao.=" ui-rating-star-on";} $avaliacao.=""><a></a></div>"; }
$resposta="
<tr class="ui-expanded-row-content ui-widget-content">
<td colspan="7">
<div class="product">
<div class="product-list-item"><img src="/sistema/resource/demo/images/product/".$linha["foto"].".jpg" alt="" />
<div class="product-list-detail">
<div class="product-name">".$linha["produto"]."</div>
<div class="product-description">Descrição do Produto</div>
<div id="avaliacao:".$linha["id_produto"]."" class="ui-rating">
".$avaliacao."
<div class="ui-rating-star"><a></a></div><input id="avaliacao:".$linha["id_produto"]."_input" name="avaliacao:".$linha["id_produto"]."_input" type="hidden" autocomplete="off" aria-hidden="true" value="".$linha["avaliacoes"]."" />
</div>
<script id="avaliacao:".$linha["id_produto"]."_s" type="text/javascript">
DinarteCoelho.cw("Rating", "widget_avaliacao:".$linha["id_produto"]."", {
id: "avaliacao:".$linha["id_produto"].""
, readonly: true
});
</script>
<i class="pi pi-tag product-category-icon"></i><span class="product-category">".$linha["categoria"]."</span>
</div>
<div class="product-list-action">
<span class="product-price">R$".$linha["preco"]."</span>
<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" type="button"><span class="ui-button-icon-left ui-icon ui-c pi pi-shopping-cart"></span><span class="ui-button-text ui-c">Adicionar ao carrinho</span></button>
<span class="product-badge status-instock">".$linha["estoque"]."</span>
</div>
</div>
</div>
</td>
</tr>
";
dc.cw("DataTable", "widget_tabela", {
id: "tabela"
, expansion: true
, rowExpandMode: "multiple"
, groupColumnIndexes: []
, disableContextMenuIfEmpty: false
});