Tengo un archivo html, que muestra dos tablas Tabulador. La tabla 1 está conectada a saveFile1.json y la tabla 2 a saveFile2.json. Mi problema es que el <script> de saveFile2.json sobrescribe el <script> de saveFile1.json, de modo que ambas tablas muestran el contenido de saveFile2.json. ¿Cómo puedo arreglar esto? Gracias.
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="MyCSS.css" > <script type="text/javascript" src="node_modules/tabulator-tables/dist/js/tabulator.js"></script> </head> <body> <table> <td> <div id="table1"></div> <script type="text/javascript" src="saveFile1.json"></script> </td> <td> <div id="table2"></div> <script type="text/javascript" src="saveFile2.json"></script> </td> </table> <script type="text/javascript" src="tabulatorTables.js"></script> </body> </html>Voy a adivinar (ya que no proporciona un jsfiddle) que sus archivos json consisten en
saveFile1.json : var data = [ ... ]; saveFile2.json : var data = [ ... ];y usa la misma variable de datos en cada uno de sus tabuladores.
Por lo tanto, gana el último saveFile*.json cargado.
Use diferentes nombres de variables (data1 y data2) y aplíquelos a cada Tabulador (table1.setData(data1); table2.setData(data2) ) específicamente.