jquery表格 怎么让表格能编辑

本文实例讲述了jquery表格实现点击表格单元格就可以编辑内容的方法分享给大家供大家参考,具体如下:

 

更多关于jquery表格相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》、《》、《》及《》

希望本文所述对大家jquery表格程序设计有所帮助

}

优雅的实现:保持 ElTable 一致风格的 solt 方式渲染任意组件、动态列增删改查操作;99%完美兼容 ElTable 所有功能参数。
Vue + ElementUI 扩展的可编辑表格组件完全支持任意组件渲染。

    • 支持单击、双击编輯模式
    • 支持渲染简化的内置组件
    • 支持渲染任意自定义组件
    • 支持增/删/改/查/还原
    • 支持原 ElTable 所有参数及功能(调用方式和 ElTable 一致)
cell(列编辑模式) / row(荇编辑模式)
激活编辑状态之后会触发该事件
当点击其它地方后自动清除最后活动列之后会触发该事件
放弃更改,还原修改之前数据
第②个参数如果是 row 或 $index 则在指定位置新增一条数据如果是 -1 则从最后新增一条数据
根据多个行号删除多行数据
清除所有活动行或列为不可编辑狀态
设置活动行为可编辑状态(只对 mode=row 有效)
更新列状态(当使用自定义组件时,值发生改变时需要调用来更新列状态)如果不传参数则哽新整个表格
对表格某一行进行校验的方法,参数为行数据和一个回调函数该回调函数会在校验结束后被调用,并传入两个参数:(是否校验成功最近一列未通过校验的字段)。若不传入回调函数则会返回一个 promise
对整个表格进行校验的方法,参数为一个回调函数该回調函数会在校验结束后被调用,并传入两个参数:(是否校验成功最近一列未通过校验的字段)。若不传入回调函数则会返回一个 promise
渲染内置的组件名称(如果是自定义渲染不需要传)
该列在激活后自动获取焦点(如果是渲染自定义组件,需要指定 class=editable-custom_input 才会自动获得焦点)
下拉组件选项附加属性(只对name=’ElSelect’有效)
下拉组件选项列表(只对name=’ElSelect’有效)
}

我要回帖

更多关于 jquery表格 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信