web前端

最新推荐文章于 2024-02-18 13:54:44 发布

GFJadfkljasfg

最新推荐文章于 2024-02-18 13:54:44 发布

阅读量203

点赞数

分类专栏： web 文章标签： web development

本文链接：https://blog.csdn.net/GFJadfkljasfg/article/details/109145830

版权

web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<link />中rel=“stylesheet": 连接外部的样式表
rel="icon" :链接一个外部的icon用于浏览器的栏目图标和收藏夹图标
rel="alternate"
rel="author license"
rel="canonical"，用来定义一个权威的版本，保证内容的正确性。
rel="preconnect"或者rel="prefetch"或者rel="preload"等都是用于加快网页的一个加载速度的类型

<link>中的media属性规定被链接文档将显示在什么设备上。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>aaaaa00000.0</title>
		<link rel="stylesheet" href="css/layui.css" media="all"/>
	</head>
	<body>

		 <table id="demo" lay-filter="test"></table>


		<script src="layui.js"></script>

		<script>
		layui.use('table', function(){
		  var table = layui.table;
		  
		  //第一个实例
		  table.render({
		    elem: '#demo'
		    ,height: 312
		    ,url: '/demo/table/user/' //数据接口
		    ,page: true //开启分页
		    ,cols: [[ //表头
		      {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
		      ,{field: 'username', title: '用户名', width:80}
		      ,{field: 'sex', title: '性别', width:80, sort: true}
		      ,{field: 'city', title: '城市', width:80} 
		      ,{field: 'sign', title: '签名', width: 177}
		      ,{field: 'experience', title: '积分', width: 80, sort: true}
		      ,{field: 'score', title: '评分', width: 80, sort: true}
		      ,{field: 'classify', title: '职业', width: 80}
		      ,{field: 'wealth', title: '财富', width: 135, sort: true}
		    ]]
		  });
		  
		});
		</script>
	</body>
</html>