Javascript drag table是一種非常實用的交互技術，可以使表格的拖拽排序和拖拽調整列寬等變得非常簡單易用，有利于提升用戶體驗和網站的交互性能。下面我們來詳細探討如何應用Javascript drag table。

首先，我們需要明確觀念，Javascript drag table并非一種瀏覽器原生支持的功能，因此需要使用第三方庫或自己編寫插件來實現。常用的庫有jQuery UI sortable，table-dragger等。這些庫支持各種類型的表格的拖拽排序，包括普通表格，grid表格等。

$(function(){
$('table').tableDragger({
mode: 'row',
dragHandler: '.drag-handle'
});
});

其次，在表格中應該添加拖拽處理器，即drag handler，這是支持拖拽行或列的關鍵。在上面的示例代碼中，drag handler被定義為一個類樣式為drag-handle的元素，可以是任何具有該類樣式的元素。

另外，我們還可以通過自定義拖拽死區來避免對表格內容的誤操作。這是非常有用的，特別是當我們需要選中多個單元格時。舉個例子，當我們按住Alt + Shift鍵并且拖拽一個單元格時，該單元格不會被拖拽，而是會選擇一個列或行。

$(function(){
$('table').tableDragger({
mode: 'row',
dragHandler: '.drag-handle',
onlyBody: true,
dragStart: function() {
$('.dead-zone')
.css('position', 'absolute')
.css('top', 0)
.css('left', 0)
.height($(this).parent().height())
.width($(this).parent().width())
.show();
},
dragStop: function() {
$('.dead-zone').hide();
}
});
});

最后，我們還可以通過table-dragger庫中提供的諸如dragStart，dragEnd等回調函數來實現各種定制化的拖拽交互。比如，我們可以在dragStart回調函數中添加死區過濾器作為拖拽起點，然后在dragEnd回調函數中計算單元格位置，從而實現高階的拖拽效果。

總之，使用Javascript drag table技術可以讓我們實現快速、高效、方便的表格交互效果。我們只需要選擇一個適合的庫、定義拖拽處理器和回調函數，就可以開始享受這種強大的表格排序工具帶來的好處。