Buongiorno,
ho una bootstrap-table in cui all' interno creo una ulteriore tabella per ogni tipo di cliente con dei dati relativi all' interno in questo modo:
codice:
tableAulacodici.on('expand-row.bs.table', function (e, index, row, $detail) {

        $(".detail-icon").find('i').addClass("glyphicon");
        $(".detail-icon").find('i').addClass('glyphicon-menu-down');
        $(".detail-icon").find('i').removeClass("glyphicon-minus");
        $(".detail-icon").find('i').removeClass("icon-minus");
        $(".detail-icon").find('i').removeClass("glyphicon-plus");
        $(".detail-icon").find('i').removeClass("icon-plus");
        
        var thisIco = $(".detail-icon")[index];
        var thisCheckbox = $(thisIco)[0].parentElement.parentElement.childNodes[1];
        $(thisCheckbox).trigger("click");

        $detail.html('Loading from ajax request...');
        var attivi = row.ATTIVATE;
        var attivabili = row.NMAX_ATTIVABILI;
        var obj = "";
        obj += '<h4 class="titoloTabellaAulacodici"> <b>Codici attivi: &nbsp ' + attivi + ' di ' + attivabili + ' ( ' + attivi + ' codici attivi su ' + attivabili + ' attivabili )</b></h4>'
            + '<table class="tableDetail tableDetail' + index + '" style="border:1px solid #dddddd;padding:1px"'
            + 'data-state-save="true" '
            + 'data-state-save-id-table="saveid"'
            + 'data-height="500" '
            + 'data-id-field="Codice"'
            + 'data-click-to-select="true" '
            + 'data-show-pagination-switch="false"'
            + 'data-pagination="false"'
            + 'data-page-list="[25, 50, 100, 200, all]"'
            + 'data-search="true" '
            + 'data-row-style="rowStyle"'
            + 'data-detail-view="false"'
            + 'data-detail-formatter="detailFormatter"'
            + 'data-show-refresh="false"'
            + 'data-url="json/data1.json">'
            + '<thead>'
            + '<tr class="headerDetail">'
            + '  <th data-field="state" data-radio="true" class="radioHeader"></th>'
            + '  <th data-field="codiceHardware" class="header headerMD codiceHardware" data-sortable="true" data-halign="center" data-align="center" data-width="170">CODICE HARDWARE</th>'
            + '  <th data-field="codiceHardwareVisibile" class="header headerMD macchinaAttiva" data-sortable="true" data-halign="center" data-align="center" data-width="100">CODICE PC</th>'
            + '  <th data-field="versioneAula" class="header headerMD" data-sortable="true" data-halign="center" data-align="center" data-width="90">VERSIONE AULA</th>'
            + '  <th data-field="vincolo" class="header headerMD vincoloMD" data-sortable="true" data-halign="center" data-align="center" data-width="280">VINCOLO</th>'
            + '  <th data-field="listatiAttivi" class="header headerMD listati" data-sortable="true" data-halign="center" data-align="center"  data-width="400">LISTATI ATTIVI</th>'
            + '  <th data-field="dataInserimento" class="dataInserimentoMacchina header headerMD" data-sortable="true" data-halign="center" data-align="center">DATA INSERIMENTO</th>'
            + '  <th data-field="dataAggiornamento" class="dataAggiornamentoMacchina header headerMD" data-sortable="true" data-halign="center" data-align="center">DATA AGGIORNAMENTO</th>'
            + '  <th data-field="action" class="header headerMD deleteDetails actionDetails" data-sortable="false" data-halign="center" data-align="center" data-width="100" ></th>'
            + '</tr>'
            + '</thead>';

        $detail.html(obj);
            
        $(".tableDetail" + index).bootstrapTable({ .....});
Qualcuno sa come fare al click l' apertura di una singola tabella e la chiusura della tabella precedentemente aperta?