Jquery数据表无法编辑

时间:2013-07-15 07:24:58

标签: jquery datatables

我的jquery数据表无法编辑。我正在使用简单的html页面

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

添加这样的行

 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()]);
    }

我做错了。我还注册了所需的插件

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

1 个答案:

答案 0 :(得分:0)

试试此Google代码文件。

演示

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条目。