制表符选择单元格

Question

我在 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
        });

谢谢你。

Answer 1

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

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;
        };