reorder.js | JavaScript library to reorder matrices | Math library

I am updating Angular 6 application to Angular 8. After updating several packages and fixing many errors, I'm finally stuck with this error

I have tried the following steps so far:

1. Uninstall webpack.
2. Remove node_modules.
3. Install webpack gloabally
4. Run npm i

I'm receiving the following error:

I have attempted to write a piece of code linking to a sharepoint list (UtilitiesContracts) and bringing in certain columns (Client). However when I run the code it doesnt seem to link the data. Can anyone spot anything wrong with my code?

This is what appears when the code is loaded 1

I am trying make the rows from table 1, editable as well i would like add a new row too.

I found this sample working perfeclty here. But i could not apply in my sample here in my jsfiddle

Iam pasting the working sample as snippet here below

fiddle It is working fine, I just wanna stop the rowreorder from table 2 without break the drag and drop functionality

edit

drag and drop always worked, what I want it is stop the rowreorder from table 2, simple as this. I need stop the moving in table 2, the cells can't move on this table 2

to test:

click edit button in the row in table 1.

Problem:

I am trying apply hover effect into this jsfiddle: http://jsfiddle.net/f7debwj2/49/

to test: click edit button in the row in table 1.

Problem: after drag and drop from table 2 to table 1 the get black bg

what I trying to archive:

1 - instead of the input value get bg black, I would like to the td get this black bg if I hover in that cell.

2 - after the value from table 2 dropped should do a fadein bg yellow and dissapear after 2 seconds.

I am using: jquery.dataTables.js from: https://datatables.net

I am trying to drag and drop a column from one table to another.

EDIT: so basically what I want to do is:

• be able to drag and drop the names from table 2 into column called name in the table above
• after drag and drop the name the same should disappear from the table 2.

case 2: if I add a new row using the button Add new Row

• I need be able to drag a drop the names from table 2 into that column name too.

so basically I want to do a drag and drop just in the column not in the row.

I don't want create a new row just move the names from 1 table to another.

EDIT 2:

1- Can you drag/drop multiples values from Table #2 to Table #1? no, the drag and drop will be possible just 1 by 1. The drag and drop will be just possible after the user clicks in edit or add a new row. so I will be able to replace names drom table 2 into the column names table 1

2- If no, the value dragged shall then replace the value where it is dropped? yes

3- If yes,how should it work? Adding new rows with the other values blank? no row need be added, we just need replace the column name.

how will works: so after click in edit or add new row i will be able to drag a name from table 2 into column in table 1.

few more resquests: if select the row in table 2, this row should be change the color, showing was selected. and in the table 1 column name where this need be dropped need to change the color to show the user can be dropped, after the user drop the color should back to normal.

sample working here: http://plnkr.co/edit/6sbmBzbXDzm4p6CjaVK0?p=preview

That sample below is perfectly working

I can edit and save the rows using the pencil and envelope icons.

What I need is simple: Be able to save the rows after clicking edit using the save button instead of the envelope.

So, If I click to edit, I will be able to save the edit using the save button.

I should be able to save the editing using the button save below the table