Javascript 是否有一种方法可以使tablator中的整行可单击到该行中包含每行唯一URL的单元格?
使用tablator,我有一个单元格,其中包含一个唯一的URL,整行都应该链接该URL 我尝试了以下代码:Javascript 是否有一种方法可以使tablator中的整行可单击到该行中包含每行唯一URL的单元格?,javascript,database-design,tabulator,Javascript,Database Design,Tabulator,使用tablator,我有一个单元格,其中包含一个唯一的URL,整行都应该链接该URL 我尝试了以下代码: {rowHandle:true, formatter:"handle", headerSort:false, frozen:true, minwidth:30, minWidth:30}, {title:"Database", field:"database", minwidth:110, editor:"input"}, {title:"Environment", field:"env
{rowHandle:true, formatter:"handle", headerSort:false, frozen:true,
minwidth:30, minWidth:30},
{title:"Database", field:"database", minwidth:110, editor:"input"},
{title:"Environment", field:"environment", minwidth:140, editor:"input"},
{title:"Product", field:"product", minwidth:140, editor:"input"},
{title:"URL", field:"url", formatter:"link", minwidth:130,
editor:"input"},'''
$("#tabulator-example").tabulator({
rowClick:function(e,row){
},
});
每当我尝试添加示例中的行单击代码行时,制表器表就会消失。这就是我创建表的方式(如下) 然后在
行中单击
功能,您可以访问行数据:
rowClick: function (e, row) {
// alert("Row " + row.getData().id + " Clicked!!!!");
},
使用
selective:true,
const tabledata=[{
id:1,
姓名:“奥利·鲍勃”,
EDN:'
},
{
id:2,
姓名:“玛丽·梅”,
EDN:'
},
{
id:3,
姓名:“克里斯汀·洛博斯基”,
EDN:'
},
{
id:4,
姓名:“布伦登飞利浦”,
EDN:'
},
{
id:5,
姓名:“Margret Marmajuke”,
EDN:'
},
{
id:6,
名称:“弗兰克港”,
EDN:'
},
];
const table=新制表器(“示例表”{
数据:tabledata,
是的,
栏目:[{
标题:“身份证”,
字段:“id”
},
{
标题:“姓名”,
字段:“名称”
},
{
标题:“EDN”,
字段:“EDN”,
}
]
});代码>
let dataTable = new Tabulator("#data-list", {
height: "84vh",
width: 150,
virtualDomBuffer: 30,
// layout: "fitDataFill",
layout: "fitColumns",
resizableColumns: false,
selectable: 1,
responsiveLayout: "hide",
placeholder: "No Data",
columns: [
{
title: "Meeting",
field: "startDate",
formatter: eventListRowFormatter,
variableHeight: true,
headerSort: false
},
{ formatter: deleteIcon, width: 5, align: "center", cellClick: deleteFromEventList }
],
rowClick: function (e, row) {
// do something
},
rowDeselected: function (row) {
// do something
},
ajaxLoader: false
});