jquery - 我的 jquery bootstrap-table 在窗口调整大小时删除单元格中的增强数据

Question

我在我的网站上使用 jquery bootstrap-table来显示来自服务器的数据。在将数据传递到表之前，我为每个单元格（适合某些条件）创建一个按钮。

所以过程是：

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

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

标签： jquerybootstrap-tablewindow-resize

Answer 1

检查文档 - 事件onResetView。

Bootstrap-table 在窗口调整大小和/或设备旋转时触发此事件。表格采用加载时传递的原始数据并自行重绘。

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

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

并在事件reset-view.bs.table上添加挂钩

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

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

每次调整窗口大小或操作表格内容时都会调用 Reset-view 事件。但有时表格内容不会重绘 - 因此您的按钮可能会被多次添加。