MVC_CRUD/Scripts/datatable/extensions/AutoFill/examples/initialisation/fills.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>AutoFill example - Fill types</title>
	<link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css">
	<link rel="stylesheet" type="text/css" href="../../css/autoFill.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.autoFill.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( {
		autoFill: true
	} );
} );


	</script>
</head>
<body class="dt-example">
	<div class="container">
		<section>
			<h1>AutoFill example <span>Fill types</span></h1>
			<div class="info">
				<p>Spreadsheets will typically only copy a value from one cell to another (although this is made particularly powerful if a formula is used), but AutoFill provides
				different options for how the data can be filled - presenting the options available to the end user for them to select from.</p>
				<p>AutoFill has four built in fill types:</p>
				<ul class="markdown">
					<li>Increment: For numeric data AutoFill will give the user the option of incrementing the value as it is filled. The amount it is incremented by can be
					entered by the user, and also provides the option to use a negative value to perform a decrement. As an example, fill over the <em>Age</em> column below.</li>
					<li>Fill: The data from the original cell is used for all other cells</li>
					<li>Fill vertical: The data from the first row in the selected cells is copied <strong>vertically</strong>. As an example, fill over multiple rows and columns
					below and select the <em>Fill cells vertically</em> option.</li>
					<li>Fill horizontal: The data from the first column in the selected cells is copied <strong>horizontally</strong>. As an example, fill over multiple rows and
					columns below and select the <em>Fill cells horizontally</em> option.</li>
				</ul>
				<p>Additional fills can also be added <a href="plugins.html">using plug-ins</a> if you require further options.</p>
			</div>
			<div class="demo-html"></div>
			<table id="example" class="display nowrap" cellspacing="0" width="100%">
				<thead>
					<tr>
						<th>Name</th>