初始化CostTable对象
conf
:CostTable配置对象,包含以下属性:
table
:表格DOM对象,必选data
:表格数据,可选,默认值为[]
columns
:表格列配置,可选,默认值为[]
showIndex
:是否显示序号列,可选,默认值为true
autoIndex
:是否自动生成序号列,可选,默认值为true
rowSelection
:行选择配置,可选,默认值为null
pagination
:分页配置,可选,默认值为null
fixedHeader
:表头是否固定,可选,默认值为false
fixedLeft
:左侧固定列数,可选,默认值为0
fixedRight
:右侧固定列数,可选,默认值为0
resizeDelay
:窗口大小调整延迟时间,可选,默认值为300
const table = document.querySelector('#myTable');
const columns = [{ field: 'name', title: '姓名' }, { field: 'age', title: '年龄' }];
const data = [{ name: '张三', age: 20 }, { name: '李四', age: 30 }];
const rowSelection = { mode: 'single' };
const pagination = { pageSize: 10 };
const costTable = new Yuka.CostTable({ table, columns, data, rowSelection, pagination });
costTable.init();
conf
的table
属性如果未传递或者不是一个合法的表格DOM对象,会抛出异常Invalid argument: conf.table
。conf
属性。conf
的配置信息,生成表格的HTML结构和样式,并将数据绑定到表格中。同时,还会根据配置信息自动添加序号列、固定列、列宽调整、行选择、分页等功能。getData
、setData
、refresh
等,来对表格进行操作和更新。