Widget not showing properly

[kulbhushanchand]

On my webpage, I have included a html-widget to show interactive table. The expected output is as shown in figure below (also working demo at - https://rstudio.github.io/DT/).

Issue - The table is not showing with the minimal-mistakes theme. However, the problem is resolved if, I disable the theme javascript file main.min.js. As per this stackoverflow answer, the problem is with the loading of jQuery twice or with the loading order of the two js files jQuery and jQuery DataTables. (Both the theme and html-widget uses jQuery ver 3.5.1)

What can be the possible solution for this edge case?

[iBug]

Load your jQuery plugin with site.after_footer_scripts. Your plugin will be loaded after jQuery is available.

[kulbhushanchand]

I tried using after_footer_scripts: in YAML (manually), but no effect. Also, the scripts are programmatically included in the end of the md file, so no luck.
The only solution so far is to disable the theme's js file.

[kulbhushanchand]

Just realized my mistake that I was adding after_footer_scripts: in YAML of md file, instead of inside the _config.yml. The downside of this approach is that scripts gets loaded for each page irrespective of included widget.