通过websocket更新layui中的table任意行
Layui table 数据渲染完成后，需要与后台建立websocket链接，后台告诉前台哪一行数据发送了变动，前台根据变化展示最新的值
Layui table 数据渲染后的页面html:
name 是业务唯一key，后台通过websocket返回某一key的内容需要及时更新。
难点：因为表格的每一行（tr）上的 data-index 是layui table自定义自增的，所以和业务无关。而每一列(td)中的 data-field 是业务字段名，所以这里想快速过滤出 【 name='北三区' 】的记录，不知道如何做。。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（7）
作者可否把所有的js代码分享下，谢谢
reload这个table的时候，table会瞬间重新加载，提要不好，不如在页面上直接展示来的快。
回复
@华兹格 : 体验不太好，希望表格固定不动，表格内的数字变动
把返回结果cache住，推送过来消息之后直接更新缓存数据，然后reload这个table 。估计也不会有太高的更新频率
如何扩展？改源码？
标签节点上扩展一个前后端统一的标识
解决了！
增加了一列标志这一行的唯一code，这样就可以通过：
$("td[data-content='" + code + "']")定位到这一行了，然后再获取此行的父节点，更改值即可！