Estoy usando Footable para mis datos. Aquí hay un ejemplo oficial . Con beakpoints puedo ocultar algunos datos y expandirlos cuando sea necesario... Pero quiero expandir una fila a la vez y cerrar las otras filas expandidas.
Con Footable, descubrí que puedo acceder al evento de expandir una fila como:
$("#footableID").on("expand.ft.row", function (e, ft, row) { var rows=$('#footableID tbody').children("tr"); // hide expanded data });pero no puedo encontrar una manera de ocultar las filas expandidas... Intenté eliminar el atributo data-expanded="true" de las filas, pero eso no parece funcionar... Además, no estoy seguro de si los niños son la mejor manera para acceder a las filas
ok, entonces "buscar" es una mejor manera de acceder a los niños de la fila, y cuando tienes una fila expandida, debes activar un clic para cerrarla. ... si entiendo correctamente, expand.ft.row ocurre antes de que se expanda realmente
$("#tabla").on("expand.ft.row", function (e, ft, row) { $('#tabla tbody').find('tr').each(function(){ if (this.getAttribute("data-expanded")){ this.click(); } }) });