| 方法 | 描述 | 测试 |
|---|---|---|
| initExcelTable(options) | 表格初始化,返回封装的对象 | |
| getRowData(n) | 获得表格中指定行的数据,n:行数 | |
| getData() | 获得表格全部数据 | |
| hideHeader(boolean) | 隐藏或者显示表头,true隐藏,false显示,如果列设置的不是固定宽度，隐藏表头后，列宽会发生变化 | |
| setRowData(n,data,sec) | 设置某一行的数据 | |
| setData(list) | 设置整个表格的数据,传入一个数组,超过表格当前行数时会自动添加新行 | |
| insertRow(n1,n2) | 在第n1行后面插入n2个新行,n2:要新增的行数 | n1:n2: |
| deleteRow(n1,n2) | 删除从n1行开始(包含n1)后面的n2行,n2:要删除的行数 | n1:n2: |
| 复制行(拓展) | //得到一行的数据 var row1 = obj.getRowData(n1); //将数据设置到另一行 obj.setRowData(n2,row1) | |
| 剪切行(拓展) | //得到一行的数据 var row1 = obj.getRowData(n1); //删除行 obj.deleteRow(n1) //创建新行 obj.insertRow(n2) //设置新行的数据 obj.setRowData(n2+1,row1) |
var obj = $("#table").initExcelTable({
//是否显示列头
showHeader:true,
columns: [
{
//设置表头
header:{text:"姓名",css:{'font-weight':'bold'}},
//设置列名
fieldName:'username',
//设置单元格类型，目前支持input(输入框)、select(下拉框)、checkbox、radio
type:"input",width:200,emptyText:"请输入姓名...",
cellStyle:{align:'center'},css:{background: '#cff'}},
{header:{text:"年龄",css:{'font-weight':'bold',background:'#9fe'}},fieldName:'age',type:"input",width:200,emptyText:"输入数字...",readonly:true,
cellStyle:{align:'right'},css:{background: '#0cf'}},
{header:{text:"出生年月",css:{'font-weight':'bold'}},fieldName:'birth',type:"input",width:200,css:{background: '#9f9'}},
{header:{text:"工作",css:{'font-weight':'bold'}},fieldName:'job',type:"select",width:300,
//枚举项
list:selectOptions,readonly:true,defaultValue:'key1'},
{header:{text:"副业",css:{'font-weight':'bold'}},fieldName:'job2',type:"select",width:150,list:selectOptions,defaultValue:'key1'},
{header:{text:"工作地点",css:{'font-weight':'bold'}},fieldName:'place',type:"input"},
{header:{text:"兴趣爱好",css:{'font-weight':'bold'}},fieldName:'love',type:"checkbox",defaultValue:'1,2',
//多选项
choices:{1:'音乐',2:'阅读',3:'乒乓球'},readonly:true},
{header:{text:"性别",css:{'font-weight':'bold'}},fieldName:'sex',type:"radio",defaultValue:'1',choices:{1:'男',2:'女'}},
],
//初始化行数
row: 4
});