diff --git a/client/src/components/NiceTable.vue b/client/src/components/NiceTable.vue
index 0314849..42bf35e 100644
--- a/client/src/components/NiceTable.vue
+++ b/client/src/components/NiceTable.vue
@@ -16,8 +16,9 @@ const props = defineModel<{
   sortBy?: string,
   sortDesc?: boolean,
   selection?: number[],
+  draggable?: boolean,
 }>();
-let { columns, data, sort, sortSelf, sortBy, sortDesc, selection } = $(props);
+let { columns, data, sort, sortSelf, sortBy, sortDesc, selection, draggable } = $(props);
 
 const emit = defineEmits<{
   (event: 'rowAction', index: number): void,
@@ -126,7 +127,7 @@ function dragDropRow() {
     </thead>
     <tbody>
       <tr v-for="(row, index) in displayData" :key="index"
-          draggable="true"
+          :draggable="draggable"
           @click="() => rowSelection(index)"
           @dblclick="() => emit('rowAction', index)"
           @dragstart="() => draggedRow = index"
diff --git a/client/src/pages/firewall/DestinationNATRules.vue b/client/src/pages/firewall/DestinationNATRules.vue
index 5d8b1dc..da0390b 100644
--- a/client/src/pages/firewall/DestinationNATRules.vue
+++ b/client/src/pages/firewall/DestinationNATRules.vue
@@ -32,6 +32,6 @@ onMounted(async() => {
     <PageHeader title="DNAT Rules">
       <button @click="loadRules">Load Rules</button>
     </PageHeader>
-    <NiceTable :columns="columns" v-model:data="rules"/>
+    <NiceTable :columns="columns" v-model:data="rules" draggable="true"/>
   </div>
 </template>
\ No newline at end of file
diff --git a/client/src/pages/firewall/ForwardRules.vue b/client/src/pages/firewall/ForwardRules.vue
index d0d9369..5b8866c 100644
--- a/client/src/pages/firewall/ForwardRules.vue
+++ b/client/src/pages/firewall/ForwardRules.vue
@@ -33,6 +33,6 @@ onMounted(async() => {
     <PageHeader title="Forward Rules">
       <button @click="loadRules">Load Rules</button>
     </PageHeader>
-    <NiceTable :columns="columns" v-model:data="rules"/>
+    <NiceTable :columns="columns" v-model:data="rules" draggable="true"/>
   </div>
 </template>
\ No newline at end of file
diff --git a/client/src/pages/firewall/SourceNATRules.vue b/client/src/pages/firewall/SourceNATRules.vue
index fa447d1..7659253 100644
--- a/client/src/pages/firewall/SourceNATRules.vue
+++ b/client/src/pages/firewall/SourceNATRules.vue
@@ -32,6 +32,6 @@ onMounted(async() => {
     <PageHeader title="SNAT Rules">
       <button @click="loadRules">Load Rules</button>
     </PageHeader>
-    <NiceTable :columns="columns" v-model:data="rules"/>
+    <NiceTable :columns="columns" v-model:data="rules" draggable="true"/>
   </div>
 </template>
\ No newline at end of file