開發工具與關鍵技術：vsX 和 jquery
作者：戴怡斌
撰寫時間：2019.4.16
下面就來看一個渲染表格的案列，表格相信大家很清楚，幾乎隨處可見，書本上，廣告裏等等。
表格用來記錄某些事物，也可以登記人數，還可以記錄人口中男女的比例
比如，一款遊戲，好不好玩，有多少人下載，喜歡玩這款遊戲的是未成年人多還是青年多。
怎樣讓它一眼看上去就很明白呢。這個時候一個表格就可以了。
以一個遊戲表格的案列來給你們詳解
打開vs創建這些不多說，創建完後，先引用js，不然$會一直會報錯，
創建表格直接引用layui，這是別人已經建好的，直接引用就可以，裏面也有css的文件，根據自己的情況引用。
之後先定義兩個變量，
var tables;//layui的表格
var layer, layuiTable;//保存layui模塊以便全局使用
接下來就開始了，
layui.use([‘table’, ‘layer’], function () {};
渲染表格有多種方法，方法渲染，自動渲染 最常用的是方法渲染
layer = layui.layer, layuiTable = layui.table;
現在開始製作表格中的表頭
tables= layuiTable.render({});
如果使用方法渲染，那數據接口就不需要了
url: '/Demo/table/
’ //數據接口
可以直接指定原始表格元素選擇器（推薦id選擇器）
elem:
‘#Demo’
最後設置表頭，cols，隨自己喜歡，這裏以一款遊戲爲案列
cols: [[{ title: ‘序號’, type: ‘numbers’ },]]，
type設定的類型有幾種，複選框用checknox
單選框用radio，
normal：常規列，不需要設定。
序號列，title：設定標題名稱，type：設定列的類型，numbers：序號列
圖片裏的 field：設定字段名，字段名非常重要，而且也是表格數據列的唯一標識
圖片裏的 align：單元格排列方式，通常默認的都是left，也就是左邊
可以設置的值有 center：居中，right：靠右
圖片裏的 width：寬度，單位有%，px，rem
表格渲染就在這裏製作完成了。
Css的樣式用的也是layui裏的css
Layui裏的css樣式也早就設置好了的，只需要引用就行，不需要自己寫
這裏渲染的只有表頭，表單並沒有渲染
製作完成的最後，效果圖獻上
這裏面的數據只是一個自己寫出來消遣的，不能當真。
表格的應用有很多，這只是其中相對簡單的一種，
Css的樣式圖就不發了，大家都會。最後到這裏就結束了。