BoostrapVue.js table

We have an internal reporting tool where we would like to add a [login to view URL] table. It should be a small job for someone compentent in vue.js and BootstrapVue. The reason we are adding it to Freelanser is lack of knowledge and time constraints. The attached file "Example table layout and output from exmple [login to view URL]" shows the desired table layout. The functionality should be as follows; The user inputs digits into th "Search for articleNo". Pushing the search button queries the table data. The relative api url is shown in the document. The user input needs to be appended to the end. Note that we would like negative values to be highlighted in red as shown in the example file. The table should be sorted from oldest to newest. The data in the table reflects the data in the attached example json. The example json can be found in "[login to view URL]" The attached file "[login to view URL]" the html template where the BootstrapVue html should be added. The template rendering is done by jinja2 (python flask framework). It uses double curly brackets and so the vue.js delimiter has to be redefined. Remark that the vuejs packages are downloaded in this template. The vue.js files will have to be downloaded from a public cloud services as done in this file. "[login to view URL]" shows is where the new Vue command is placed. Please note we would like to keep the file names given here, so it is just a matter of copying the provided solution into current codebase.