Add some html-js to settings

Hello there , I created this custom settings for my custom print format , so the user can chose some settings very easily like choosing table columns , adding qrcode ,etc…
so I got this idea to create a small table just under the columns settings to show the user how exactly the table is gonna be . and I want to add a drag & rearrange option to this table so the user can just move the columns . I can do the code in a separate html page but how exactly to insert it in the settings page . (the setting page is a single type doctype.)