Javascript 制表器编辑器选择下拉列表工作不正常

我在用制表器。表有一个带有选择编辑器的列

问题是，如果下拉菜单从窗口溢出，则下拉菜单不会显示。但是如果我没有设置表所在div的宽度，比如

width:900px

。如果窗口很小并且出现水平滚动条，它也可以正常工作。我真的希望有最小980px的宽度，否则工具提示不能正常工作。如何每次正确呈现下拉菜单

为了更好地理解这个问题，请看这个

制表器表的代码

var column = [
{title: "No", field:"row_number", align:"center", width:55, frozen:true, cssClass: "disable_edit"},
{title: messages_etc_data["WEB_0600_002_001"], field: "class_notation", width: 180, align: "left", editor: false, frozen:true, headerFilter:true, cssClass: "disable_edit"}, //種別
{title: messages_etc_data["WEB_0600_002_002"], field: "code_notation", width: 180, align: "left", editor: false, frozen:true, headerFilter:true, cssClass: "disable_edit"},  //名称
{title: messages_etc_data["WEB_0600_002_003"]+"<label class=\"required\"></label><a id='t_ancher1'><img class='book'></a>", field: "ztotal_external_code", width: 170, 
        align: "left", editor: "select", cssClass: "editable_column", editorParams:{ values:param_shiharai_media_lookup}, validator:[ztotal_validator]},   //ZTOTAL出力
{title: "登録", field: "ztotal_null_flg", width: 20, align: "center", editor: false, visible: false, formatter:"lookup", formatterParams:{"0":"◯", "1":"✕"}},
{   // Column group
    title: messages_etc_data["WEB_0600_002_004"],
    align: "left",
    columns: [
        {title: messages_etc_data["WEB_0600_002_005"]+"<label class=\"required\"></label><a id='t_ancher2'><img class='book'></a>", field: "ttend_external_code_1", width: 160, 
            align: "center", editor: "input", tooltip: messages_etc_data["WEB_0600_000_025"], cssClass: "editable_column", validator:["maxLength: 2"], 
            mutatorEdit:zero_padding, mutatorEditParams:{length_with_pad:2}},  //メディア種別
        {title: messages_etc_data["WEB_0600_002_006"]+"<label class=\"required\"></label><span class=\"help-tooltip\" data-toggle=\"tooltip\" data-placement=\"left\" data-html=\"true\"></span>", 
            field: "ttend_external_code_3", width: 160, align: "left", editor: "input", tooltip: messages_etc_data["WEB_0600_000_026"], cssClass: "editable_column",
            validator:["maxLength: 3"], mutatorEdit:zero_padding, mutatorEditParams:{length_with_pad:3}},    //券種コード
        {title: "登録", field: "ttend_null_flg", width: 20, align: "center", editor: false, visible: false, formatter:"lookup", formatterParams:{"0":"◯", "1":"✕"}}
    ]
}
];

// テーブル設定
table_data_div = new Tabulator("#tabs-1_1",
{
    data: query_parsed_data,
    headerFilterPlaceholder: column_filter_placeholder,
    columns: column,
    rowMouseOver: hover_over_color,
    rowMouseOut: hover_out_color,
    cellEdited: shiharai_newaribiki_cell_edit_callback, // Custom callback function
    rowFormatter: shiharai_newari_row_formatter         // Custom row formatter
});
document.getElementById("shiharai_media").style.pointerEvents = "none";

var列=[
{title:“No”，字段：“row_number”，align:“center”，宽度：55，冻结：true，cssClass:“disable_edit”}，
{title:messages_etc_data[“WEB_0600_002_001”]，字段：“class_符号”，宽度：180，对齐：“left”，编辑器：false，冻结：true，headerFilter:true，cssClass:“disable_edit”}//種別
{title:messages_etc_data[“WEB_0600_002_002”]，字段：“code_notation”，宽度：180，对齐：“left”，编辑器：false，冻结：true，headerFilter:true，cssClass:“disable_edit”}//名称
{标题：消息等数据[“WEB_0600_002_003”]+"我写的代码是在文件头行之后的v_tec_cooperation.php
你发布了你的php代码，你能给我们提供呈现的html代码以便我们重现你的问题吗？@从pastebin克隆添加的完整页面html我也有同样的问题，似乎是由于在包含元素中使用display:flex造成的。这个问题可以通过
autoResize:false
设置修复。参考：你发布了你的php代码，你能为我们提供呈现的html代码以便我们重现你的问题吗？@从pastebin克隆添加的完整页面html我也有同样的问题，似乎是由于在包含元素中使用display:flex造成的。这个问题可以通过
autoResize修复：false
设置。参考：