我的jQuery Bootstrap表删除窗口调整大小的单元格中的附魔数据

问题描述

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

所以过程是：

1. 加载/刷新/过滤数据
2. 将它们放在表格中
3. 向单元格添加按钮

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

解决方法

检查文档-事件onResetView。

Bootstrap-table在调整窗口大小和/或旋转设备时触发此事件。 Table会在加载时获取原始数据并重新绘制。

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

library(dplyr)
df %>% 
  group_by(ID) %>%
  mutate(outcome = coalesce(outcome,first(outcomes[Years == 0])))

并在事件 reset-view.bs.table

上添加钩子

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

请确保$table.on('reset-view.bs.table',() => addYourButton()); 仅进行一次转换。您可以通过在单元格上添加一些类来实现此目的。

每次调整窗口大小或处理表内容时，都会调用

重置视图事件。但是有时表的内容不会重绘-因此可以多次添加按钮。