html输入哪种table好,如何将html转换为Handsontable哪个表还有html输入字段<table> </table>...

我想显示一个动态表,其中包含来自自定义搜索的记录。

现在我想将表格行设为内联可编辑行。

我还需要对表进行分页,因为我需要在同一个表上显示30到40个表列(滚动列)。

我使用Handsontable来实现这一点,如下图所示,但是,图像不会像我在表格单元格中输入一样。

Scroll - Handsontable

ActionIDNameAddress

edit.jpg1testtest edit.jpg2test2test2 edit.jpg3test3test3

var data=$('#example tr').map(function(tr){

return [$(this).children().map(function(td){return $(this).text()}).get()]

}).get()

var

example = document.getElementById('example1'),

maximize = document.querySelector('.maximize'),

maxed = false,

resizeTimeout,

availableWidth,

availableHeight,

hot1;

hot1 = new Handsontable(example,{

data: data,

// colWidths: [55, 80, 80, 80, 80, 80, 80], //can also be a number or a function

rowHeaders: false,

colHeaders: false,

fixedColumnsLeft: 2,

fixedRowsTop: 1,

minSpareRows: 1,

contextMenu: true

});

function calculateSize() {

var offset;

if (maxed) {

offset = Handsontable.Dom.offset(example);

availableWidth = Handsontable.Dom.innerWidth(document.body) - offset.left + window.scrollX;

availableHeight = Handsontable.Dom.innerHeight(document.body) - offset.top + window.scrollY;

example.style.width = availableWidth + 'px';

example.style.height = availableHeight + 'px';

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值