{"id": "javascript_plugins:javascript-plugins-makeabovetablepanelconfigs", "page": "javascript_plugins", "ref": "javascript-plugins-makeabovetablepanelconfigs", "title": "makeAboveTablePanelConfigs()", "content": "This method should return a JavaScript array of objects defining additional panels to be added to the top of the table page. Each object should have the following: \n                 \n                     \n                         id  - string \n                         \n                             A unique string ID for the panel, for example  map-panel \n                         \n                     \n                     \n                         label  - string \n                         \n                             A human-readable label for the panel \n                         \n                     \n                     \n                         render(node)  - function \n                         \n                             A function that will be called with a DOM node to render the panel into \n                         \n                     \n                 \n                 This example shows how a plugin might define a single panel: \n                 document.addEventListener('datasette_init', function(ev) {\n  ev.detail.registerPlugin('panel-plugin', {\n    version: 0.1,\n    makeAboveTablePanelConfigs: () => {\n      return [\n        {\n          id: 'first-panel',\n          label: 'First panel',\n          render: node => {\n            node.innerHTML = '<h2>My custom panel</h2><p>This is a custom panel that I added using a JavaScript plugin</p>';\n          }\n        }\n      ]\n    }\n  });\n}); \n                 When a page with a table loads, all registered plugins that implement  makeAboveTablePanelConfigs()  will be called and panels they return will be added to the top of the table page.", "breadcrumbs": "[\"JavaScript plugins\", \"JavaScript plugin objects\"]", "references": "[]"}