FineAdmin.Web/Content/lib/datatables/extensions/RowGroup/examples/initialisation/ajaxObjects.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
	<title>RowGroup example - Ajax with objects</title>
	<link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css">
	<link rel="stylesheet" type="text/css" href="../../css/rowGroup.dataTables.css">
	<link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css">
	<link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css">
	<style type="text/css" class="init">
	
	</style>
	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
	</script>
	<script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js">
	</script>
	<script type="text/javascript" language="javascript" src="../../js/dataTables.rowGroup.js">
	</script>
	<script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js">
	</script>
	<script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js">
	</script>
	<script type="text/javascript" language="javascript" class="init">
	


$(document).ready(function() {
	$('#example').DataTable( {
		ajax: '../../../../examples/ajax/data/objects.txt',
		columns: [
			{ data: 'name' },
			{ data: 'position' },
			{ data: 'office' },
			{ data: 'extn' },
			{ data: 'start_date' },
			{ data: 'salary' }
		],
		order: [[2, 'asc']],
		rowGroup: {
			dataSrc: 'office'
		}
	} );
} );



	</script>
</head>
<body class="dt-example">
	<div class="container">
		<section>
			<h1>RowGroup example <span>Ajax with objects</span></h1>
			<div class="info">
				<p>The majority of the RowGroup examples make use of an array data source since they are reading data from an HTML table. However, it is quite possible to make use
				of objects as well, and in fact this often makes the most sense when using row grouping, since it is easy to identify the data point to use for grouping.</p>
				<p>This example demonstrates Ajax loading of object based data for the table, with the <a href="//datatables.net/reference/option/rowGroup.dataSrc"><code class=
				"option" title="DataTables initialisation option">rowGroup.dataSrc</code></a> option used to group by the <em>Office</em> column.</p>
			</div>