bootstrapTable 怎么写死前2列后再去填充第2列后的数据

lusawlx 2022-04-14 17:35:18

灰色部分是固定死的，绿色部分是动态加的

...全文

176 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

这不是去幼儿园的校车 2022-04-15

打赏
举报

回复

解决方法不唯一
方法一：创建一个表，灰色部分通过html直接写死，
然后在后面预留出绿色部分数据的插槽，然后通过请求或者其他操作插入这些插槽

方法二：创建两个表，这两个表用弹性盒子布局，就会显示到同一行，
第一个表写灰色部分，第二个表写绿色部分
方法二的本质就是把一个表拆分成两个表，一个表写死数据（表头），一个表写动态数据（内容）

这不是去幼儿园的校车 2022-04-15

举报

回复

@这不是去幼儿园的校车如果要方便后期维护的话，个人感觉方法二好维护一点

lusawlx 2022-04-14

打赏
举报

回复

以前CSDN一发就有人回，现在怎么没人

这里有两个嵌套的数组，第一个定义了主表头，第二个定义了展开后显示的列。接下来，我们看如何生成展开后的表格内容。`detailFormatter`函数接收两个参数：`index`（行索引）和`row`（当前行的数据）。在这个函数...

第二种方式交第一种而言在处理复杂数据时更为灵活，一般使用第二种方式来进行table数据填充。 [js] view plain copy $(function () { //1.初始化Table var oTable = new TableInit(); oTable.Init(); /...

2. **JavaScript库**：Bootstrap本身并不直接支持动态加载数据，但我们可以借助JavaScript库如jQuery、axios或fetch API来实现。这些库可以帮助我们发送HTTP请求到服务器获取数据。 3. **Ajax请求**：使用jQuery的`...

var BootstrapTable = $.fn.bootstrapTable.Constructor, _initHeader = BootstrapTable.prototype.initHeader, _initBody = BootstrapTable.prototype.initBody, _resetView = BootstrapTable.prototype....

* 第二个数组：定义了表中第二行标题，其中 field 为 name 的字段是对应的跨行字段，该字段与 mergeData.json 中的 name 相对应，colspan 与 rowspan 是该字段所占的列数与行数。 * 第三个数组：定义了表中的第三行...

87,996

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章