Help choosing the right components to create a dynamic table column selection

Content

We currently have a way for users to dynamically select columns from a list to display in a table.  We simply display a modal with a bind for each with a check box next to each field.  Once they make their selections we assign the result to a variable assigned to the "columns" property on the table component.

We are looking to expand this column selection to allow the user to not only allow the user to add/remove columns but also be able to sort the columns before displaying them in the table.  We would like to mimic the design after the attached image.