jquery - Jquery datatable not getting editable

Question

My jquery datatable is not getting editable..I am using simple html page

  jQuery(document).ready(function () {
        jQuery('#detailsgrid').dataTable()
      .makeEditable();
    });

Adding rows like this

 function addrow() {
        //alert("sxcsdsd");
        //jQuery('#detailsgrid').dataTable().makeEditable();
        jQuery('#detailsgrid').dataTable().fnAddData([
                          '<input id=\"Checkbox\" type =\"checkbox\" name = chk  onclick = javascript:removeRow(this)  />',
                           jQuery("#txtcasetype").val(),
                           jQuery("#txtcd").val(),
                           jQuery("#txtpatclass").val(),
                           jQuery("#txtcd1").val(),
                           jQuery("#txtresamt").val(),
                           jQuery("#txtadmamt").val()]);
    }

Where I am doing wrong..I have also registered required plugins

 <script src="jquery.dataTables.js" type="text/javascript"></script>
<script src="jquery.dataTables.editable.js" type="text/javascript"></script>

Answer 1

试试这个谷歌代码文件。

演示

http://jquery-datatables-column-filter.googlecode.com/svn/trunk/default.html

下载

https://code.google.com/p/jquery-datatables-column-filter/

它肯定会帮助你。

---

或者你可以使用这个

您可以使用 fnDraw 函数重绘表格。尝试这个：

var $dataTable = $("#my-datatable").dataTable({ /* setup */ });

$("#refreshButton").click(function() {
    $dataTable.fnDraw();
});

阅读文档中的 fnDraw 条目。