我的jquery引导程序表在调整窗口大小时删除单元格中的插入数据

Question

我在站点上使用jquery引导表来显示服务器中的数据。在将数据传递到表之前，我为每个单元格(适合某些重叠部分(创建一个按钮。

所以这个过程是：

1. 加载/刷新/筛选数据
2. 把它们放在桌子上
3. 向单元格添加按钮

但在调整大小窗口上，我的按钮消失了。如何防止引导程序表删除该按钮？

Answer 1

检查文档-事件onResetView。

Bootstrap表在窗口调整大小和/或设备旋转时触发此事件。表获取加载时传递的原始数据并重新绘制自身。

用数据填充表格并添加按钮。

$table.bootstrapTable('load', rows);  // set rows (data) to table
addYourButton();                      // add your button, init events, transform cells...

并在事件上添加挂钩重置视图.bs.table

$table.on('reset-view.bs.table', () => addYourButton());

确保addYourButton()只进行一次转换。例如，您可以通过在单元格上添加一些类来实现这一点。

每次调整窗口大小或操作表内容时，都会调用"重置视图"事件。但有时表格内容不会被重新绘制，因此您的按钮可能会被多次添加。