MVC_CRUD/Scripts/datatable/extensions/RowGroup/examples/initialisation/customRow.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 - Custom row rendering / aggregates</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( {
		order: [[2, 'asc']],
		rowGroup: {
			startRender: null,
			endRender: function ( rows, group ) {
				var salaryAvg = rows
					.data()
					.pluck(5)
					.reduce( function (a, b) {
						return a + b.replace(/[^\d]/g, '')*1;
					}, 0) / rows.count();
				salaryAvg = $.fn.dataTable.render.number(',', '.', 0, '$').display( salaryAvg );

				var ageAvg = rows
					.data()
					.pluck(3)
					.reduce( function (a, b) {
						return a + b*1;
					}, 0) / rows.count();

				return $('<tr/>')
					.append( '<td colspan="3">Averages for '+group+'</td>' )
					.append( '<td>'+ageAvg.toFixed(0)+'</td>' )
					.append( '<td/>' )
					.append( '<td>'+salaryAvg+'</td>' );
			},
			dataSrc: 2
		}
	} );
} );