在线编辑html表格控件,jQuery在线表格编辑插件

插件描述：jQuery在线表格编辑插件,支持设置动态列和动态行，支持输入框、下拉框、单选框和多选框等

更新时间：2020-12-15 22:12:18

更新说明：增加鼠标移入时的边框

更新时间：2020-12-14 00:13:20

更新说明：修复新增行后单选框的选择问题

更新时间：2020-12-11 00:33:22

使用方法

添加容器：

添加js：var selectOptions = [{

k: '',

v: '请选择'

{

k: 'java',

v: 'java开发'

{

k: 'python',

v: 'python开发'

{

k: 'rs',

v: '人事'

];

var list = [{

username: '张三',

age: 24,

birth: '1996-06-07',

job: 'java',

job2: 'java',

place: '武汉',

love: '1,3'

{

username: '杨薇',

age: 28,

birth: '1992-06-07',

job: 'python',

job2: 'java',

place: '武汉',

love: '1',

sex: '2'

}....

];

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'

}

}...

//初始化行数

row: 4

});

//设置表格数据

obj.setData(list);

$("#tableBtn").click(function() {

var data = obj.getData();

$("#data").val(JSON.stringify(data, null, 2));

})

在线编辑html表格控件,jQuery在线表格编辑插件相关推荐

html中可编辑的表格控件,Editable DataGrid(可编辑表格)
### Editable DataGrid(可编辑数据表格) [Extension](http://www.jeasyui.com/extension/index.php) ? Editable Da ...
mysql 表格控件,jQuery MiniUI 开发教程表格控件表格：分页查询（一）
数据表格参考示例:数据表格分页表格一:创建表格 url="../data/DataService.aspx?method=SearchEmployees" idFie ...
企业如何借助三方表格控件，实现多人在线协同编辑？
SpreadJS 是一款基于 HTML5 的纯前端电子表格控件,兼容 450 种以上的 Excel 公式,凭借其 "高性能.跨平台.与 Excel 高度兼容"的产品特性,备受以华为 ...
Qt GUI图形图像开发之QT表格控件QTableView详细使用方法与实例
QT表格控件QTableView简介表格视图控件QTableView,需要和QStandardItemModel, 配套使用,这套框架是基于MVC设计模式设计的,M(Model)是QStanda ...
SpreadJS 纯前端表格控件应用案例：表格数据管理平台
由某科技公司研发的表格数据管理平台,是一款面向业务和企业管理系统定制开发的应用平台,包括类 Excel 设计器.PC应用端和移动应用端等应用模块.该平台具备强大的业务配置和集成开发能力,对于企业客户的 ...
运用多种设计模式的综合案例_SpreadJS 纯前端表格控件应用案例：表格数据管理平台...
由某科技公司研发的表格数据管理平台,是一款面向业务和企业管理系统定制开发的应用平台,包括类 Excel 设计器.PC应用端和移动应用端等应用模块.该平台具备强大的业务配置和集成开发能力,对于企业客户的 ...
QRowTable表格控件(二)-红涨绿跌
文章目录一.开心一刻二.概述三.效果展示四.任务需求五.指定列排序六.排序七.列对其方式八.相关文章原文链接: QRowTable表格控件(二)-红涨绿跌一.开心一刻一天,五娃和 ...
SpreadJS 纯前端表格控件应用案例：在线问卷系统
由某软件公司研发的在线问卷系统,是一款通过收集网络信息,帮助问卷设计者和数据分析师们分析消费者线上行为特征和态度的系统平台,使用该系统可批量而精确地抽取目标网页中的任何数据及信息,快速实现实时的信息获 ...
easyui数据表格显示复选框_WinCC 报警控件、在线趋势/表格控件数据查询
1．报警控件数据查询在WinCC报警记录组态时,我们可以给报警消息定义不同的类别.类型.用户文本块等(图1),有了以上的组态,我们就可以自定义过滤条件,在报警控件中查询或显示分类的报警信息. 图 1 ...

在线编辑html表格控件,jQuery在线表格编辑插件

在线编辑html表格控件,jQuery在线表格编辑插件相关推荐

最新文章

热门文章