engine2x_低代码系统快速配置表格的xx列固定并且不随着x轴的滚动而滚动

代码：

var is_long_width = false;//定义标识

//数据列表的回调
function get_portal_data_list_done_back() {
    if (is_long_width === true) {
        find_element_by_class("table-set").css("position", "sticky").css("right", 0).css("background-color", "#fff");
        find_element_by_class("td_action_extension").css("position", "sticky").css("right", 0).css("background-color", "#fff");

        //让表格id为table_data_list_view的前10列靠左固定不随横向滚动条移动
        find_element_by_id("table_data_list_view").find("tr").each(function () {
            var x_clientWidth = 0;
            $(this).find("th").each(function (index) {
                if (index < 10) {
                    $(this).css("position", "sticky").css("left", x_clientWidth + "px").css("background-color", "#fff");
                    x_clientWidth += parseInt($(this).width());
                }
            });
            x_clientWidth = 0;
            $(this).find("td").each(function (index) {
                if (index < 10) {
                    $(this).css("position", "sticky").css("left", x_clientWidth + "px").css("background-color", "#fff");
                    x_clientWidth += parseInt($(this).width());
                }
            });
        });

    }
}
function check_auto_width() {
    if (arrs.length > 27) {
        is_long_width = true;
        find_element_by_id("form_data_list_view").attr("class", "am-form am-scrollable-horizontal");
        find_element_by_id("table_data_list_view").css("max-width", "none").css("width", (arrs.length * 80 + "px"));
        find_element_by_class("sassoa_portal_list_ul_calc_page_etc_class").css("position", "sticky").css("left", 0);
    }
}

check_auto_width();

 

效果：

 done