jQuery数据表刷新页面

我正在使用jQuery datatable和Jeditable插件编辑我的表的第一列。Jeditable工作正常，它更新db表并在表上显示编辑的值，但只有在刷新页面后才会这样做。我希望在不刷新页面的情况下对其进行更新。这是我的密码：

JavaScript HTML代码

标签
名字
地址
科姆
北大街2401号
孔大卫
北大街2401号

您可能需要对此进行微调，但我使用datatable createRow函数在构建行时添加了jedit

    $(document).ready(function () {
        var objTable = $(".example").DataTable(
        {
            "info": false,
            "scrollCollapse": true,
            "paging": false,
            "order": [[1, "asc"]],
            "createdRow": function (row, data) {

                $(row).children(":nth-child(1)").editable('UpdateDBTableURL',
                {

                    'width': '90%',
                    'height': '80%',
                    'tooltip': 'Click to Edit',
                    submit: 'Save',
                    cancel: 'Cancel',
                    cssclass: "editable",
                    'submitdata':
                        {
                            'sCompanyID': CompanyID,
                            'sAction': 'EditLabel'
                        },
                    'onClick': 'submit'

                });
            }
        });
    });

---

另一种可能是把它放在DataTable中——在我编辑单元格并点击Save之后，InitCompleteTs仍然引用页面。我试图不刷新页面，而是进行内联编辑。

<table class="example" width="100%">
  <thead>
    <tr>
        <th>Label</th>
        <th>Name</th>
        <th>Address</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="edit" id="101">&nbsp;</td>
      <td>Mary Kom</td>
      <td>2401 N Main St</td>   
    </tr>
    <tr>
     <td class="edit" id="102"></td>
     <td>David Kom</td>
     <td>2401 N Main St</td>    
    </tr>
 </tbody>
</table>

    $(document).ready(function () {
        var objTable = $(".example").DataTable(
        {
            "info": false,
            "scrollCollapse": true,
            "paging": false,
            "order": [[1, "asc"]],
            "createdRow": function (row, data) {

                $(row).children(":nth-child(1)").editable('UpdateDBTableURL',
                {

                    'width': '90%',
                    'height': '80%',
                    'tooltip': 'Click to Edit',
                    submit: 'Save',
                    cancel: 'Cancel',
                    cssclass: "editable",
                    'submitdata':
                        {
                            'sCompanyID': CompanyID,
                            'sAction': 'EditLabel'
                        },
                    'onClick': 'submit'

                });
            }
        });
    });