How to import jQuery dynamically into Jira Plugin? (specifically, the Sticky Table Header jquery)

Shirley He January 10, 2018

Hey guys, I'm still fairly new to plugin development and this is my first time using jQuery.

I am trying to use the Accessible Sticky Table Header Plugin - jQuery stickyTableHeader (located here: https://www.jqueryscript.net/table/Accessible-Sticky-Table-Header-Plugin-jQuery.html) in my jira plugin, but I'm having trouble with it.

I followed the steps starting from step 2, but it is not working. In the view.vm file, I included the following code (except without the first line of code because I heard jquery is included in jira?):

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="jquery.stickyTableHeader.js"></script>

In step 3, it told me to wrap the html table into a div container. They had <div class="table-container">, but I had <div class="table-wrap">. I don't know if this would make a difference or not

Step 4 told me to initialize the plugin, though I was a bit confused with what it meant by that. All it did was provide this code:

$('.table-container').stickyTableHeader();

I copied it and made some changes to it so that it'd match whatever class I had put down for the <div> tag. I even tried changing the class of the <div> tag so that it would match the steps. No luck. It just showed up as plain text on my plugin page. I don't know if it might have been because I copied it into the first 2-3 lines of my code. Should it be placed at the end?

After that didn't work, I tried copying that jquery.stickyTableHeader.js file into the js folder of my plugin, and then edited the web-resources section of the atlassian-plugin.xml file to include it, but I received an error upon compiling.

I hope you guys can help me out a bit with this, thanks!

0 answers

Suggest an answer

Log in or Sign up to answer