Javascript 当动态数据库内容加载到引导表时，将引导标记加载到引导表的一列

我有一个引导表，其中包含order\u no、order\u status和action字段。我使用ajax将“订单”数据从数据库动态加载到该表中。对于每个记录，还添加了两个按钮“编辑/删除”。带有两个按钮的数据加载功能工作正常。然而，当数据加载到表中时，我不希望在表列中以普通文本的形式显示状态，而是希望状态显示在每个记录的引导标记上。请告诉我怎么做。如有任何建议，将不胜感激

由于数据获取过程工作正常，我将只展示ajax用于加载引导表的函数

js:

函数loadOrderData（数据）{
$（函数（）{
$（“#orderTable”）.bootstrapTable({
数据：数据，
列：[{}，{}，
{
字段：“操作”，
标题：“行动”，
对齐：'居中'，
valign:'中间'，
单击选择：false，
格式化程序：函数（值、行、索引）{
返回“”；
}
}
],              
});
});
}

我找了又找，但什么也找不到。我发现只有一篇文章可以回答我在这个链接中的问题：

---

通向答案的链接也不起作用。

您能澄清一下您所指的状态在哪里吗？（“…我不想将状态显示为普通文本…”）下订单时，“订单状态”列的值为1。订单处理时，值更新为2。因此，根据该值，我可以将订单状态显示为正在处理或正在等待（作为文本值）。我需要的是显示处理或等待引导标记。因此，在引导标记中定义了3列-第二列是

order\u status

（未显示在代码中），对吗？那么我想你也可以在该列上使用

格式化程序

函数-将文本值转换为徽章。@verjas，我非常感谢你让我敞开心扉。我抓取了列值，并使用与您所说相同的格式化程序函数将其放在一个徽章上。非常感谢。

function loadOrderData(data){

        $(function() {
            $('#orderTable').bootstrapTable({
                data: data,
                columns: [ {},{},  
                {
                  field: 'operate',
                  title: 'Action',
                  align: 'center',
                  valign: 'middle',
                  clickToSelect: false,
                  formatter : function(value,row,index) {
                    return '<button class=\'btn btn-primary btn-sm btn-up\' pageID="'+row.id+'"></button> <button class=\'btn btn-outline-danger btn-sm btn-del\' pageID="'+row.id+'"></button>';
                  }
                }
              ],              
          });
      });
 }