制表符选择单元格

问题描述 投票:0回答:1

我在 spring-boot 中使用制表符,想要在页面上选择一个单元格,在文档中我只找到了一个范围选择,但我只需要选择一个单元格(格式化程序:“textarea:)。

当将可选行设置为 false 然后单击单元格时,它不会突出显示。

这里是实现:

var table = new Tabulator("#main_table", {
             groupHeader: function(value, count, data, group){
                    return value + "<span style='color:black; margin-left:10px;'>(" + count + ")</span>";
                },
                groupHeaderPrint: function(value, count, data, group){
                    return value + "<span style='color:black; margin-left:10px;'></span>";
                },
            //selectableRange:1,
            resizableRows:true,
            footerElement:"<button>Добавить мероприятие</button>",
            autoResize:true,
            placeholder:"Нет данных",
            layout:"fitColumns",
            selectableRows:false,
            //selectableCells:true,
            //selectableRowsRangeMode:"click",
            groupBy:"dateweek",
            columns: table_columns
            //selectableRange: true
        });

谢谢你。

select cell tabulator
1个回答
0
投票

我是这样解决的,添加一个自定义编辑器:

var cellEditor = function(cell, onRendered, success, cancel){
            var cellValue = cell.getValue();
            textArea = document.createElement("textarea");
            
            textArea.setAttribute("readonly", "true");
        
            textArea.style.resize = "none";
            textArea.style.color = "#00008B";
            textArea.style.width = "100%";
            textArea.style.height = "100%";
            textArea.style.boxSizing = "border-box";
            textArea.style.overflow = "hidden";
        
            textArea.value = cellValue;
            
            return input;
        };
© www.soinside.com 2019 - 2024. All rights reserved.