加载JSON的标记上的传单弹出宽度

我有一张传单地图,上面有记号 动态 geoJSON公司 数据:

mapLayers.markets = L.geoJSON(geoData, {
    pointToLayer: function (feature, latlng) {
        switch (feature.properties.status) {
            case "stress":
                return L.marker(latlng, { icon: iconA });
            case "alert":
                return L.marker(latlng, { icon: iconB });
            case "crisis":
                return L.marker(latlng, { icon: iconC });
        }
    },
    onEachFeature: onEachFeature,
}).addTo(map);

我把弹出窗口绑定在里面 功能:

function onEachMarketFeature(feature, layer) {    
    var tableCommon = '<table>' +
        '<thead><tr><th>Agency</th><th>Personnel</th></tr></thead>' +
        '<tbody>' +
        '<tr><td>Alfa</td><td>12</td></tr>' +
        '<tr><td>Bravo</td><td>123</td></tr>' +
        '</tbody></table>';
    var tableSingle='<table>' +
        '<thead><tr><th>Agency</th><th>Personnel</th></tr></thead>' +
        '<tbody>' +
        '<tr><td>Juliet</td><td>62</td></tr>' +
        '<tr><td>Lima</td><td>41</td></tr>' +
        '</tbody></table>';

    var container = '<div><div class="row"><div class="col-xl-6">' + tableCommon + '</div><div class="col-xl-6">' + tableSingle + '</div></div></div>';

    layer.bindPopup(feature.properties.type +
        '<br/> Market Code=' + feature.properties.code + '<br/>' + feature.properties.name + '</a><br/>' + container);
}

bootstrap4 未调整大小 适合它,结果宽度更小。

我试着把 bindPopup 函数{maxWidth:“none”}但它甚至是最差的,弹出窗口非常小。

这就是我想要的: