## 表格插件
#### 合計：`AddSum`
**在列表中生成合計行**
```typescript
//在tbody中增加合計行
$.fn.AddSum(cols: Array<number>, title: string, skipStep: number)
/*
cols:計算對象數組
title:標題，默認為“合計”
skipStep:每隔幾行計算一次
*/
//e.g.
$("tbody").AddSum([5,6],1);
//計算第6、7列和
$("tbody").AddSum([[5,1],[6,1]],1);
//計算第6、7列和,保留1位小數。
```
----
#### 設置表頭：`MakeHead`
**設置列表標題**
```typescript
$.fn.MakeHead(heads: Array<string>, widths?: Array<number>)
/*
heads：標題
widths：寬度(px)
*/
//e.g.
$("thead").MakeHead(["監管編號", "監管項目名稱", "開戶時間", "狀態"],[0, 0, 0, 0, 120])
```
----
#### 合并表格單元：`MergeCell`
**合并列表單元格，可多列**
```typescript
MergeCell($table:string, colIndex:number)
Me.g.erCell("tbody",1);
//將第2列內容相同的單元格合并
$.fn.MergeCell(set:ColSet)
//e.g.
$("tbody").MergeCell({cols:[0,1]})
//將第1、2列內容相同的單元格合并
```
----
#### 分頁：`Pagination`?
**生成帶頁碼的分頁列表**
````typescript
constructor(set: IPaginationSetting);
interface IPaginationSetting {
bodyContainer?: any;//列表容器
getPostKey?: Function;//設置ajax參數
pageSize?: number;//分頁大小
handleName: any;//ajax路徑
headContainer?: any;//列表標題容器
footContainer?: any;//頁腳容器
ajaxType?: Function;//ajax類型,默認get
bodyTmpl?: any;//列表模板
footTmpl?: any;//頁腳模板
queryed?: any;//查詢后行為
titles?: Array<string>;//列表標題
titleWidth?: Array<number>;//列表標題寬度
events?: Array<IEvent>;//事件定義
reQueryHandle?: string;//查詢按鈕
}
interface IEvent {
handle: string;//按鈕
act: Function;//觸發行為
}
//e.g.
var page = new Pagination({
titles:["退料單號", "所屬部門", "退料人", "收料人", "領料日期", "處理狀態", "總金額"],
handleName: "/api/order/OrderList"),
events: [
{
handle: ".btnSuspendOrder",
act: function (data, obj) {
OrderHelper.Suspend(data, tool, api);
}
},
{
handle: ".btnOkOrder",
act: function (data, obj) {
OrderHelper.Ok(data, tool, api);
}
}
]
});
page.Query();
````
