Twitter bootstrap Bootstrap+Mithril HTML表格呈现

我无法让Mithril渲染任何引导表。我有引导按钮元素，它们使用以下基本代码呈现得很好：

 var TableModule = {
      view: function(){
          return [
             m("button.btn btn-lg btn-primary", { onclick: function () { alert("derr"); } }, "Teh Button"),
             m("table.table table-striped",
                  m("tr", [m("td", "herp"), m("td", "derp")]))
          ]
      }
  } 
  m.module(document.getElementById("test4"), TableModule);

如果我使用以下方式硬编码表格：

<table class="table table-striped"><tr><td>herp</td><td>derp</td></tr></table>

这与上面Mithril代码生成的html完全相同，我得到以下结果：

---

想法、想法、建议？欢迎使用。

它可能非常简单，您需要调用m.mount而不是m.module。模块也是0.2之前的概念，组件是目前正在使用的。差别不大，但值得一读：

---

编辑：也可以尝试在m调用中的类之间添加点。例如button.btn.btn-lg.btn-primary。

它可能非常简单，您需要调用m.mount而不是m.module。模块也是0.2之前的概念，组件是目前正在使用的。差别不大，但值得一读：

---

编辑：也可以尝试在m调用中的类之间添加点。例如button.btn.btn-lg.btn-primary。

在Mithril中添加静态CSS类时，建议您使用。CSS选择器语法，请参见此

因此，您的代码应该是：

var TableModule = {
          view: function(){
              return [
                 m("button.btn.btn-lg.btn-primary", { onclick: function () { alert("derr"); } }, "Teh Button"),
                 m("table.table.table-striped",
                      m("tr", [m("td", "herp"), m("td", "derp")]))
              ]
          }
      }

m.mount(document.getElementById("test4"), TableModule);

---

@ciscoheat的其他注释也是有效的。您应该在较新版本的Mithril中使用m.mount或m.route。

在Mithril中添加静态CSS类时，建议您使用。CSS选择器语法，请参见此

因此，您的代码应该是：

var TableModule = {
          view: function(){
              return [
                 m("button.btn.btn-lg.btn-primary", { onclick: function () { alert("derr"); } }, "Teh Button"),
                 m("table.table.table-striped",
                      m("tr", [m("td", "herp"), m("td", "derp")]))
              ]
          }
      }

m.mount(document.getElementById("test4"), TableModule);

---

@ciscoheat的其他注释也是有效的。您应该在较新版本的Mithril中使用m.mount或m.route。

您需要将TRs包装在TBODY中。这似乎是通过自动引导完成的，但在使用v节点和m-helper时不是这样。

您需要将TRs包装在TBODY中。这似乎是通过自动引导完成的，但在使用v节点和m-helper时则不然