JSFiddle - React, Tailwind, and code Playground

HTML

<table class="sortable-table" style='100%' border='1'>
	    <thead>
	        <tr>
	            <th>#</th>
	            <th>Название</th>
	            <th>Важность</th>
	            <th>Сумма</th>
	        </tr>
	    </thead>


			<tbody>
  <thead>
					<tr bgcolor='blue'>
	            <td>1</td>
	            <td>1</td>
	            <td>1</td>
	            <td>1</td>
	        </tr>
	</thead>
					<tr>
							<td>1.1</td>
							<td>1.1</td>
							<td>1.1</td>
							<td>1.1</td>
					</tr>
					<tr>
							<td>1.2</td>
							<td>1.2</td>
							<td>1.2</td>
							<td>1.2</td>
					</tr>
					<tr>
							<td>1.3</td>
							<td>1.3</td>
							<td>1.3</td>
							<td>1.3</td>
					</tr>
	    </tbody>



			<tbody>
	<thead>
					<tr bgcolor='blue'>
							<td>2</td>
							<td>2</td>
							<td>2</td>
							<td>2</td>
					</tr>
	</thead>
					<tr>
							<td>2.1</td>
							<td>2.1</td>
							<td>2.1</td>
							<td>2.1</td>
					</tr>
					<tr>
							<td>2.2</td>
							<td>2.2</td>
							<td>2.2</td>
							<td>2.2</td>
					</tr>
					<tr>
							<td>2.3</td>
							<td>2.3</td>
							<td>2.3</td>
							<td>2.3</td>
					</tr>
			</tbody>






	</table>

JavaScript

var fixHelper = function(e, ui) {
		ui.children().each(function() {
			$(this).width($(this).width());
		});
		return ui;
	};

	$('.sortable-table tbody').sortable({
	    axis:'y',
      helper: fixHelper
	}).closest('.sortable-table').parent().sortable();