Bootstrap init JavaScript code

[yosiasz]

Greetings

How would one run js code on init to initialize few things

The following does not seem to work

$(function () {
  initTable()

  $('#locale').change(initTable)
})

Trying to see if I can spin up a table with sorting and other fancier capabilities

https://examples.bootstrap-table.com/#view-source Thanks

[mikhail-vl]

The whole JS code is initialized when the panel renders. It should work as is.

initTable();
$('#locale').change(initTable);

[yosiasz]

maybe this puppy has limits with the js files I have loaded . Will keep hammering at it

[mikhail-vl]

@yosiasz, keep us updated on your progress.

[yosiasz]

seems to be like a monaco issue?

https://github.com/microsoft/monaco-editor/issues/2283

[yosiasz]

switched to google material design, much more promising

https://m2.material.io/components/data-tables/web#data-tables

[mikhail-vl]

@yosiasz Monaco Editor is a part of the Grafana, we don't control it.

I remember, @asimonok told me that the behavior is different between Edit and View/Dashboard mode. Have you tried not in the edit mode?

[yosiasz]

@yosiasz Monaco Editor is a part of the Grafana, we don't control it.

I remember, @asimonok told me that the behavior is different between Edit and View/Dashboard mode. Have you tried not in the edit mode?

I just went with google material. the bootstrap approach for sorting, filtering etc is a bit clunky and/or I am not well versed on implementing it in Dynamic Text

[yosiasz]

hitting a lot of walls with loader.js sadly. I think it must be on grafana monaco side of things, too bad

[mikhail-vl]

If Google material works for you, I am going to close it.