2

我正在考虑用 Ractive.js 替换 Handlebars.js。变化似乎很顺利，但这是我的第一个问题，可能是一个新手问题。

我有一个包含表格的 Ractive.js 模板。模板中的表格有几个 Bootstrap 类

class="table table-striped table-bordered table-condensed table-hover"

当我将此模板与 Handlebars.js 一起使用时，表中的 Bootstrap 样式显示正常，如您在此jsfiddle中所见。

但是当我使用与 Ractive.js 相同的模板时，不会显示样式，如您在此jsfiddle中所见。

我尝试手动添加类：

$("#table").addClass("table")
$("#table").addClass("table-striped table-bordered")
$("#table").addClass("table-condensed table-hover")

没有成功。我一定错过了一些非常简单的东西。

4

2 回答 2

6

我认为您只需要<tbody>引导表即可使用jsfiddle

于 2014-04-01T22:54:09.127 回答
3

使用 Ractive 0.4.0，您可以创建一个组件来封装引导表：

<script id="bootstrap-table" type="x-template">
    <table id="table" class="table table-striped table-bordered table-condensed table-hover" >
        <tbody>
            {{>content}}
        </tbody>
    </table>
</script>

然后用它代替<table>：

<script id="templateOne" type="x-template">
    <bootstrap-table>
        <tr> 
            <th>
                Column one
                ...

见http://jsfiddle.net/PCcqJ/2/

于 2014-04-02T03:03:19.310 回答