如何将拖动图标添加到表中，以使其与jQuery UI可排序？

我使用以下命令对表中的行进行排序

$('#grid tbody').sortable({      
        helper: function (e, ui) {  
            ui.children().each(function () {  
                $(this).width($(this).width());  
            });  
            return ui;  
        },  
        scroll: true,  
        stop: function (event, ui) {  
            //                   
        }  
    }).disableSelection();

但问题是现在我无法对表进行更改。这里有一个例子

请注意，这只是一个示例。我的真实表格有输入字段，因此用户可以输入数据。这就是我不能只使用disableSelection的原因

<table id="grid" >
    <tbody>
        <tr><td>A</td><td>1</td></tr>
        <tr><td>B</td><td>2</td></tr>
        <tr><td>C</td><td>3</td></tr>
        <tr><td>D</td><td>4</td></tr>
        <tr><td>E</td><td>5</td></tr>
    </tbody>
</table>

A1
地下二层
C3
D4
E5

有人知道我怎样才能使上/下箭头出现，以便我用作排序的拖动手柄吗？希望使用jQuery UI图标。

试试这个

$('#grid tbody').sortable({      
        helper: function (e, ui) {  
            ui.children().each(function () {  
                $(this).width($(this).width());  
            });  
            return ui;  
        },  
        scroll: true,  
        handle : '.handle',
        stop: function (event, ui) {  
            //                   
        }  
    }).disableSelection();

---

您正在导入ui.css吗？？非常确定它应该默认添加它这将添加手图标，这是你需要的吗？