怎么使用js清楚datatables表格

发布网友发布时间：2022-05-10 20:39

共2个回答

懂视网时间：2022-05-15 12:21

本文主要和大家分享js之datatables的处理方法实例，希望能帮助到大家。

/**
	 * 初始化表单
	 */
	me.initDatatable = function() {
		me.interns0301Table = $("#interns0301Table").DataTable({
			// 让表头与表格对齐
	 "autoWidth": true,
	 "processing": true,
	 "serverSide": true,
	 // 表格数据减少时，表格的高度也跟着减少
	 "scrollCollapse": true, 
	 "ajax" : {
	 	"url": $ctx + "/interns0301/queryList",
	 	"type": "post",
	 	"data" : function(params) {
					// 页面显示记录条数，在页面显示每页显示多少项的时候
					params.pageSize = params.length;
					// 当前页码
					params.pageNo = (params.start / params.length) + 1;
					// 序列化表单元素为JSON对象
					var dataJson = eims.serialize('interns0301Form');
					$.extend(params, dataJson);
					return params;
				},
				"dataType" : "json"
	 },
			 "columnDefs": [
			  	{    
					  "defaultContent": "",
					  "targets": "_all"
				   }
				  ],
	 	"sPaginationType": "full_numbers",
   // 将后台得到的值放进对应字段中
	 "columns": [ 
	   {
   // 全选框，传入id等参数
	 	 "data": null,sClass: "text-center","render": function(data, type, row, meta){
	 	 return '<input class="checkall" type="checkbox"><input type="text" hidden value="'+row.id+'">';
	 		 }},
	 	  {"data": "groupNumber",sClass: "text-center" ,"render": function ( data, type, row, meta ) {
 				return '<a href="#" onclick="javascript:interns.interns0301.showInterns0302Update('' + row.id+ '')">' + data + '</a>';}},		 		 
	 		 {"data": "groupName",sClass: "text-center"},
	   {"data": "projectNumber",sClass: "text-center"},
	   {"data": "projectSimname",sClass: "text-center"},
			 {"data": "unitNumber",sClass: "text-center"},
			 {"data": "unitSimname",sClass: "text-center"},
			 {"data": "entryDate",sClass: "text-center"},	  
	 ],
	 // 回调函数，全选框的处理
	 "drawCallback": function(settings){
 	 	$("#selectAll").prop("checked", false);
 	 	me.checkBox();
 	 }	 
		});
		// 加载页面
		me.interns0301Table.ajax.reload();
	};

相关推荐：

JQuery.dataTables表格插件跳转到指定页实例分享

jQuery插件datatables的用法及如何实现分页代码详解

jQuery datatables是什么？datatables如何使用？

热心网友时间：2022-05-15 09:29

两种方法
1,dataTable.Clear();
2,dataTable.Rows.Clear();
1，dataTable.Clear()和dataTable.Rows.Clear() 都是删除全部的表数据，但不会删除表结构（列信息），使用时不必做区分，任选其一都可以。

2，DataTable.Reset方法。将全部数据和表结构（列信息）都删除。

3，用DataRow.Delete()方法删除行后，DataTable的行数不会变，在foreach语句中仍然可以遍历到删除的行，但是不能访问行中的值，会报System.Data.DeletedRowInaccessibleException的异常。

4，DataTable.GetChanges() 方法也可以取到删除后的行，但是也不能访问行中的值，会报异常。

5，DataTable没有显示实现IDisposable接口，对dataTable.Dispose() 的调用实际上是调用的DataTable的一个父类MarshalByValueComponent的 Dispose() 方法，由于这个原因，Dispose() 方法不会清除DataTable的行数据。因此，如果要完全销毁一个DataTable，可以这样写代码：
1 dataTable.Clear();
2 dataTable.Dispose();
3 dataTable = null;