bootstrapTable 水平滚动条显示了但无效

Question

水平滚动条显示了但无效：

代码：

<div class="table-responsive" style="overflow-x:scroll;background-color: white;">
    <table id="table" class="table table-bordered"></table>
 </div>   

 function BootstrapTable() {
        $('#table').bootstrapTable({
            method: "get",
            striped: true,
            singleSelect: false,
            url: "getShipmentBigDataData.do",
            dataType: "json",
            pagination: true, //分页
            pageSize: number,
            pageNumber: 1,
            search: true, //显示搜索框
            contentType: "application/x-www-form-urlencoded",
            queryParams: null,
            columns: [
               {
                   title: "",
                   field: 'id',
                   width:80,
                   align: 'center',
                   valign: 'middle',
              formatter: function (value, row) {
               
                        var d = '<a  href="javascript:void(0)" class="select" background="#fff" title="" onclick="analiysis(\'' + row.id + '\')">轨迹</a> <input type="hidden" name="selectedshipmentId" class="valId" value=\''+row.id+'\'> ';
                        return d;
                    }
                },
                {
                    title: '所属分公司',
                    field: 'operateRdcShortName',
                    width:80,
                    align: 'center',
                    valign: 'middle',
                  
                },
                {
                    title: '承运商',
                    field: 'transParty',
                    width:80,
                    align: 'center',
                    valign: 'middle'
                },

                {
                    title: '配载单号',
                    field: 'code',
                    width:80,
                    align: 'center'
                },

                {
                    title: '车牌号',
                    field: 'vehicleCode',
                    width:80,
                    align: 'center'
                },
                {
                    title: '司机姓名',
                    field: 'driverName',
                    width:80,
                    align: 'center'
                },
                {
                      title: '司机电话',
                      field: 'load',
                      width:80,
                      align: 'mobileNumber'
                  },
                {
                      title: '起点城市',
                      field: 'startCity',
                      width:80,
                      align: 'center'
                  },
                {
                      title: '终点城市',
                      field: 'endCity',
                      width:80,
                      align: 'center'
                  },
                  {
                      title: '公里数',
                      field: 'distance',
                      width:80,
                      align: 'center'
                      },
                    {
                      title: '要求交付时间',
                      field: 'requestedDeliveryDte',
                      width:80,
                      align: 'center'
                      },
                    {
                      title: '实际出车时间',
                      field: 'actualDeptTime',
                      width:80,
                      align: 'center'
                    },{
                      title: '预计到达时间',
                      field: 'load',
                      width:80,
                      align: 'center'
                      },
                    {
                      title: '单趟用时',
                      field: 'load',
                      width:80,
                      align: 'center'
                    }

            ]
        });  

Answer 1

• 你这不是Android类别的问题。
• 我在vscode中试了下，你这符号没有匹配全。
• 你没有引入jQuery：

<script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>