曾经被狼咬 2019-04-17 23:22 采纳率: 0%
浏览 1878

一个页面有两个bootstrapTable表格为什么有一个不渲染数据呢

我一个页面上有两个bootstrap表格，其中一个可以渲染出数据，但是另一个就不可以了。
后台返回的数据正确，与前台的变量名称对应也正确。可是就是渲染不出来。
上网查了一下还有说异步的问题，但是我把另一个表格给删除这个表格还是渲染不出来数据，也可能是我哪里写错了我到现在没看出来？？？

上两个图吧 分别是后台返回的数据还有代码部分。另一个可以正常渲染数据的表格的写法与这个几乎差不多。

图片说明

图片说明

  • 写回答

1条回答 默认 最新

  • 黎明不管黑夜的星空 2024-08-08 10:37
    关注

    不知道你的具体情况，可以参考一下简单的例子
    html代码：

    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./bootstrap-table/bootstrap-table.min.css">
    <script src="./jquery.min.js"></script>
    <script src="./bootstrap-table/bootstrap-table.min.js"></script>
    <script src="./bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
</head>

<body>
    <table id="table">
    </table>
    <p>-------------------------------------------------------------</p>
    <table id="table2">
    </table>
    <script>
        $('#table').bootstrapTable({
            // 本地假数据
            url: './data_json/boostrap_table.json',
            columns: [
            {
                field: 'id',
                title: 'Item ID'
            },{
                field: 'name',
                title: 'Item Name'
            }, {
                field: 'password',
                title: 'Item Password'
            }],
        })

        $('#table2').bootstrapTable({
            url: './data_json/boostrap_table.json',
            columns: [
            {
                field: 'id',
                title: 'Item ID'
            },{
                field: 'name',
                title: 'Item Name'
            }, {
                field: 'password',
                title: 'Item Password'
            }],
        })
    </script>
</body>

</html>

    json数据

    [
    {
        "id": 0,
        "name": "Item 0",
        "password": "123456"
    },
    {
        "id": 1,
        "name": "Item 1",
        "password": "123456"
    },
    {
        "id": 2,
        "name": "Item 2",
        "password": "123456"
    },
    {
        "id": 3,
        "name": "Item 3",
        "password": "123456"
    },
    {
        "id": 4,
        "name": "Item 4",
        "password": "123456"
    },
    {
        "id": 5,
        "name": "Item 5",
        "password": "123456"
    },
    {
        "id": 6,
        "name": "Item 6",
        "password": "123456"
    },
    {
        "id": 7,
        "name": "Item 7",
        "password": "123456"
    },
    {
        "id": 8,
        "name": "Item 8",
        "password": "123456"
    },
    {
        "id": 9,
        "name": "Item 9",
        "password": "123456"
    }
]
    评论

报告相同问题？