Watch Star Fork

l.y. / LyTableCSSApache-2.0

加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
一个基于CSS3的相响应式表格
LiuYue 最后提交于 16/04/07 更新
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md 1.87 KB

lyTable

一个基于CSS3的相响应式表格,以及表格填充方法

日志

2016/04/07

  1. 优化了lyTable和tableFill方法
  2. 给tableFill加入了填充选项以及给填充函数多了一个表格ID的参数
  3. 优化了css文件,并使用SASS编写Css源代码
  4. 加入了gulp构建脚本

2015/12/01

  1. 给table添加了CSS版的cellspacing="0"
  2. 添加了tableFiller.js表格填充方法
  3. 新增加lytableAll.min.js包括表格填充以及各lyTable.js的功能

说明

欢迎大家参考学习,也望大家能够对本软件中的不足或错误进行指正批评.

开发者: 刘越(HangxingLiu)

我的微博:@航行刘

开源许可证: Apache License Version 2.

使用

lyTable操作要在tableFill后面,即lyTable操作要放在所有表格数据变动完成后调用

<link rel="stylesheet" type="text/css" href="lytable.min.css"/>

<!-- 引入JQuery库 -->
<script src="jquery.min.js"></script>

<script src="jquery.lytable.min.js"></script>
<script src="jquery.tablefill.min.js"></script>
<!-- 以上两个script也可以换成下面这个: -->
<script src="jquery.tableutils.min.js"></script>
//填充数据到表格
$('table').tableFill(
	[head1,head2,head3...], //表格头部名称
	rowCount,				//表格一共有多少行数据
	function(whichRow, whichCol, headName, tableId){//表格填充函数
		return content;	//返回填充的数据
	},
	[//(可选),填充选项
		{def:'',html},
		{def:'Default Value'}...
	]
);
//使表格成为响应式表格
$('table').lyTable();

源码修改编译

	# 构建
	gulp build
	# 实时构建
	gulp watch

项目点评 ( 0 )

你可以在登录后,发表评论

搜索帮助