target/classes/static/plugins/datatables/extensions/Responsive/examples/display-control/complexHeader.html

（开头部分） 20KB

这里只显示每个文件的开头 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>Responsive example - Complex headers (rowspan / colspan)</title>
	<link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css">
	<link rel="stylesheet" type="text/css" href="../../css/dataTables.responsive.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">

	th {
		position: relative;
		min-height: 41px;
	} 
	span {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	</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="../../js/dataTables.responsive.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() {
	// jQuery update a column title from the demo table to contain a long description
	// You would not need to do this in your own code.
	$('#example thead tr:eq(0) th:eq(2)').html("This is a really long column title!");
	
	// Wrap the colspan'ing header cells with a span so they can be positioned
	// absolutely - filling the available space, and no more.
	$('#example thead th[colspan]').wrapInner( '<span/>' ).append( '&nbsp;' );

	// Standard initialisation
	$('#example').DataTable( {
		responsive: true,
		paging: false
	} );
} );



	</script>
</head>

<body class="dt-example">
后面还有 648 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。