基于jq生成table的插件

功能

1. 自定义宽高
2. 自定义隔行变色和标题颜色和hover颜色
3. data可为数组或者url或者json文件路径
4. 排序功能
5. 分页功能

使用方法如下

1. 首先引入Jq文件和该js文件路径
2. 由于用到了fontawsome 中的图标，需要引入cdn， < link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
3. body中插入div标签，可以不写类名或者ID，但是必须有一个div
4. 上一步中的div中插入table标签，写上id
5. script中引入相关API，如下：

$('#table').setTable({
	    //行宽和列高
	    lineWidth: 200,
	    lineHeight: 40,
	    //标题行
	    title: ['ID','name','age'],
	    //隔行变色,默认为白色，不需设置
	    color:{
            	    title:'red',
		    odd: 'blue',
		    even: 'yellow',
		    hover: 'pink'
	    },
	    //是否分页，默认不分页
	    page: {
		    status: true,
		    max: 3
	    },
	    //数据  在线url或者数组
	    data: [
		    {
			    id : 1,
			    name : 'jim',
			    age : 18
		    },
		    {
			    id : 2,
			    name : 'jim',
			    age : 18
		    },
		    {
			    id : 3,
			    name : 'ji2m',
			    age : 18
		    }]
    })

注：data属性也可直接写上url或者本地的json文件，直接写上字符串地址就行，比如data: 'data.json' 或者 data： '数据api地址'