制表器4-图片未显示

时间:2018-10-17 13:08:46

标签: javascript tabulator

我无法显示图片。当我查看浏览器中的源代码时,我看到一个奇怪的链接,其中似乎包含一些十六进制代码。

例如图片链接https://i.imgur.com/PQHq7Kb.png变成https://i.imgur.com/PQHq7Kb.png

我的制表符代码块:

 var table = new Tabulator("#adsTable", {
    rowClick:function(e, row){
        data = row.getData();
        console.log(data.image);

},
height:"311px",
layout:"fitDataFill",
responsiveLayout:"hide",
columns:[
{title:"OrderID", field:"OrderID", width:150, responsive:0},
{title:"Plop", field:"Plop", sorter:"number", width:300, responsive: 0},
{title:"Numb", field:"Numb", width:120, responsive:2}, 
{title:"Format", field:"Format", width:150},
{title:"Status", field:"Status", width:150},
{title:"Sidnr", field:"Sidnr", width:150},
{title:"Produkt", field:"Produkt", width:150},
{title:"Kommentar", field:"Kommentar", width:300},
{title: "Img", field: "Img", width: 150, responsive: 0, formatter:"image"},
],});

我正在发送的数据

var tableData = [
{OrderID:1, Plop:"Mary May", Numb:"1", Format:"1/4", Status:2, Sidnr: 1,Produkt: "Kycklingfest", Kommentar: "Internt lagt för någonannans skull. Eller nått. LOL", Img: "https://i.imgur.com/PQHq7Kb.png" },
{OrderID:2, Plop:"Mary May", Numb:"1", Format:"1/4", Status:2, Sidnr: 1,Produkt: "Kycklingfest", Kommentar: "Internt lagt för någonannans skull. Eller nått. LOL", Img: "" },
{OrderID:3, Plop:"Billy Bob", Numb:"12", Format:"1/2", Status:1, Sidnr: 1, Produkt: "Kycklingfest", Kommentar: "Internt lagt för någonannans skull. Eller nått. LOL", Img: "" },
{OrderID:4, Plop:"Mary May", Numb:"1", Format:"1/8", Status:2, Sidnr: 1, Produkt: "Kycklingfest", Kommentar: "Internt lagt för någonannans skull. Eller nått. LOL", Img: "https://i.imgur.com/Bu5tkat.png" },
{OrderID:5, Plop:"Billy Bob", Numb:"12", Format:"Helsida", Status:1, Sidnr: 1, Produkt: "Kycklingfest", Kommentar: "Internt lagt för någonannans skull. Eller nått. LOL", Img: "https://i.imgur.com/Bu5tkat.png" },
{OrderID:6, Plop:"Mary May", Numb:"1", Format:"Helsida", Status:2, Sidnr: 1, Produkt: "Kycklingfest", Kommentar: "Internt lagt för någonannans skull. Eller nått. LOL", Img: "https://i.imgur.com/Bu5tkat.png" },
{OrderID:7, Plop:"Billy Bob", Numb:"12", Format:"Helsida", Status:1, Sidnr: 1, Produkt: "Kycklingfest", Kommentar: "Internt lagt för någonannans skull. Eller nått. LOL", Img: "https://i.imgur.com/Bu5tkat.png" },
{OrderID:8, Plop:"Mary May", Numb:"1", Format:"Helsida", Status:2, Sidnr: 1, Produkt: "Kycklingfest", Kommentar: "Internt lagt för någonannans skull. Eller nått. LOL", Img: "https://i.imgur.com/Bu5tkat.png" },
{OrderID:9, Plop:"Billy Bob", Numb:"12", Format:"Helsida", Status:1, Sidnr: 1, Produkt: "Kycklingfest", Kommentar: "Internt lagt för någonannans skull. Eller nått. LOL", Img: "https://i.imgur.com/Bu5tkat.png" },
{OrderID:10, Plop:"Mary May", Numb:"1", Format:"Helsida", Status:2, Sidnr: 1, Produkt: "Kycklingfest", Kommentar: "Internt lagt för någonannans skull. Eller nått. LOL", Img: "https://i.imgur.com/Bu5tkat.png" },
{OrderID:11, Plop:"Billy Bob", Numb:"12", Format:"Helsida", Status:1, Sidnr: 1, Produkt: "Kycklingfest", Kommentar: "Internt lagt för någonannans skull. Eller nått. LOL", Img: "https://i.imgur.com/Bu5tkat.png" },
{OrderID:12, Plop:"Mary May", Numb:"1", Format:"Helsida", Status:2, Sidnr: 1, Produkt: "Kycklingfest", Kommentar: "Internt lagt för någonannans skull. Eller nått. LOL", Img: "https://i.imgur.com/Bu5tkat.png" },]

任何有好眼睛的人都能发现我做错了什么?

1 个答案:

答案 0 :(得分:0)

好像您在此处发现了一个错误,由于某种原因,URL已被清理。

我已将此修复程序推送到master分支,并将其包含在下一个修补程序版本中。

感谢让我知道