Chemical Invoice Table - Copy this Html, Bootstrap Component to your project

The page has a table that contains a list of chemicals with their details. It also has sort options on each column based on which user can sort the data. The left top toolbar contains the functionality to add the row, move row down, move row up, delete row, refresh the data and save the data. ### Create a Json array of 15 rows and store following information about 15 invoice: id. Chemical name Vender Density Viscosity Packaging Pack size Unit Quantity. Assume the suitable data to create an array. ### Create a table with the column headers id. Chemical name Vender Density Viscosity Packaging Pack size Unit Quantity. ### Table should sort in ascending and descending order on clicking the table column header. ### Use creative ideas to build edit functionality. Edit feature is not shown in the table. Each individual can take liberty to design this functionality with UI components. _________________________________________________________________________________ # Instructions Use simple bootstrap components (additional libraries and css can be used but does not have any weightage in the review). Only HTML, CSS and plain JavaScript/TypeScript to be used. No framework !