Question

我对开发非常陌生，我正在尝试让制表符在使用expressjs的nodejs环境中工作。我了解到我无法在客户端运行脚本，因为没有可用的require函数。我知道有解决方法，但是我认为我会尝试在服务器端运行。我已经将Express Generator与--view=pug一起使用。我在index.pug中添加了div(id=example-table)。我已经使用npm install tabulator-tables安装了制表器表。我试图在app.js中使用以下内容：

var Tabulator = require('tabulator-tables');

app.get('/', function() {
  var table = new Tabulator("#example-table", {
    height:205,
    layout:"fitColumns", //fit columns to width of table (optional)
    columns:[ 
        {title:"Name", field:"name", width:150},
        {title:"Age", field:"age", align:"left", formatter:"progress"},
        {title:"Favourite Color", field:"col"},
        {title:"Date Of Birth", field:"dob", sorter:"date", align:"center"},
    ],
    rowClick:function(e, row){
        alert("Row " + row.getData().id + " Clicked!!!!");
    },
  });

  var tabledata = [
    {id:1, name:"Oli Bob", age:"12", col:"red", dob:""},
    {id:2, name:"Mary May", age:"1", col:"blue", dob:"14/05/1982"},
    {id:3, name:"Christine Lobowski", age:"42", col:"green", dob:"22/05/1982"},
    {id:4, name:"Brendon Philips", age:"125", col:"orange", dob:"01/08/1980"},
    {id:5, name:"Margret Marmajuke", age:"16", col:"yellow", dob:"31/01/1999"},
  ];

  table.setData(tabledata);
});

什么都不做。网站加载了layout.pug和index.pug中的所有其他内容，并且源文件显示<div id=example-table></div>，因此我知道至少该部分有效。

Answer 1

我刚刚切换到Vue，使其正常工作。

使用ExpressJS的制表符表

1 个答案: