src/main/webapp/manager/bootstrap/assets/global/plugins/datatables/examples/styling/jqueryUI.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>DataTables example - jQuery UI ThemeRoller</title>
	<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
	<link rel="stylesheet" type="text/css" href=
	"../../extensions/Plugins/integration/jqueryui/dataTables.jqueryui.css">
	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
	<style type="text/css" class="init">

	</style>
	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
	<script type="text/javascript" language="javascript" src=
	"../../extensions/Plugins/integration/jqueryui/dataTables.jqueryui.js"></script>
	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
	<script type="text/javascript" language="javascript" class="init">

$(document).ready(function() {
	$('#example').dataTable();
} );

	</script>
</head>

<body class="dt-example">
	<div class="container">
		<section>
			<h1>DataTables example <span>jQuery UI ThemeRoller</span></h1>

			<div class="info">
				<p>DataTables has the ability to integrate seamlessly with almost any styling library, and integration
				files are provided for several of the popular styling libraries, including <a href=
				"//jqueryui.com">jQuery UI</a>.</p>

				<p>To have your table styles integrate with jQuery UI's ThemeRoller styles, simply include the
				DataTables CSS and JS integration files for jQuery UI, as shown in this example. Note also that because
				jQuery doesn't provide table styles like some other CSS frameworks, the CSS integration file does add
				this styling information.</p>

				<p>Please note that DataTables 1.10- actually has built-in support for jQuery UI styling integration
				through the <a href="//datatables.net/reference/option/jQueryUI"><code class="option" title=
				"DataTables initialisation option">jQueryUI<span>DT</span></code></a> option. However, this option is
				deprecated in DataTables 1.10 and will be removed DataTables 1.11, matching how styling integration is
				provided for other libraries - a more modular, maintainable and extensible method. The method presented
				on this page is the method that will be use in future.</p>
			</div>

			<table id="example" class="display" cellspacing="0" width="100%">
				<thead>
					<tr>
						<th>Name</th>
						<th>Position</th>
						<th>Office</th>