Question

在我的数据库中，我有字段fname和lname。我正在使用Bootstrap Table向用户显示结果。我想要做的是将两个字段连接在一个名为Name的列下显示。

这当前有效，尽管它的名字和姓在不同的列中。我想将它们组合到同一列中。

<th data-field="fname">First Name</th>
<th data-field="lname">Last Name</th>
<th data-field="title">Title</th>
<th data-field="position">Position</th>
<th data-field="cell">Cell</th>
<th data-field="home">Home</th>
<th data-field="workgroup">Workgroup</th>

我搜索了文档，但没有看到任何示例。谢谢！

Answer 1

也许试试＆＃34; data-formatter＆＃34;在http://bootstrap-table.wenzhixin.net.cn/documentation/？

的列部分

模板：

<table>
<th data-field="firstname"
    data-formatter="nameFormatter"></th>
</table>

javascript：

function nameFormatter(value, row, index) {
    return value + " " + row.lastname;
}

Answer 2

大多数编程语言的连接都是由"+"运算符完成的，现在你需要在各自的表格行的表格列<td> firstname+""+lastname</td>中写这样的东西，可能会对你有帮助

Answer 3

您需要一个函数来格式化列bootstrap-table#column-options：

的index.html

<table id="my-table"></table>

controller.js

//jQuery is used to manipulate the table

$.ajax({
    url: 'https://jsonplaceholder.typicode.com/users',
    type: 'GET'
}).done((data) => {
        $('#my-table').bootstrapTable({
            data: data,
            search: true,
            pagination: true,
            columns: [{
                field: 'id',
                title: 'ID'
            }, {
                field: 'name',
                title: 'NAME'
            }, {
                field: 'address.street',
                title: 'ADDRESS',
                formatter: (value, row, index, field) => {
                    return value + ' - ' + row.address.suite + ' - ' + row.address.city
                }
            }]
        });
    })
    .fail((jqXHR, textStatus, errorThrown) => {
        console.log(jqXHR)
    });

Answer 4

@sasha的解决方案对我有用。

例如显示点的纬度和经度：

<table>
<th data-field="id"
    data-formatter="nameFormatter"></th>
</table>

javascript：

<script>
function nameFormatter(value, row, index) {
   return 'lat:'+ row.lat + " ,lon:" + row.lon;
} 
</script>

Answer 5

只要有人使用React Bootstrap Table，我们就使用#!/usr/bin/perl use strict; use warnings; use utf8; use JSON; my $data = qq({"cat":"Büster"}); utf8::encode($data); $data = JSON::decode_json($data); binmode *STDOUT, ':encoding(UTF-8)'; print $data->{cat};。

formatter

引导表中的多个数据字段

5 个答案:

的index.html

controller.js