我在 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
});
谢谢你。
我是这样解决的,添加一个自定义编辑器:
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;
};