动态材料设计Lite可选数据表

时间:2017-08-29 22:48:23

标签: javascript html material-design-lite

我正在使用Material Design lite和可选择的数据表。我在从firebase获取信息后尝试使用javascript放置表行。

我想使用文档(https://getmdl.io/components/index.html#tables-section)中显示的可选行,但是当我使用javascript放置行时,我没有得到表格正文中的复选框。

我的HTML

<div class="mdl-card mdl-shadow--2dp full-width login-activity-card">
    <table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable full-width">
        <thead>
             <tr>
                <th class="mdl-data-table__cell--non-numeric">Login Time</th>
                <th class="mdl-data-table__cell--non-numeric">Login Date</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>

我的Javascript

$(".login-activity-card .mdl-data-table tbody").html(
    '<tr>'+
       '<td class="mdl-data-table__cell--non-numeric">1:53 PM</td>'+
       '<td class="mdl-data-table__cell--non-numeric">Aug 05, 2017</td>'+
    '</tr>'
)

我在标题中找到了复选框,但没有收到行。

enter image description here

我在GitHub上看到这个版本在2015年被弃用了,但它仍然在今天的文档中?它指示使用Wiki,但我没有找到任何内容。

这完全不可能,还是我错过了什么?

1 个答案:

答案 0 :(得分:0)

该库仅用于静态内容。如果您添加动态内容,则必须确保致电build

有关详细信息,请查看与int myColor; TypedArray ta = getContext().getTheme().obtainStyledAttributes(attrs, R.styleable.MyView, 0, 0); myColor = ta.getColor(R.styleable.MyView_myColor, -1); if (myColor == R.color.special_shade_of_yellow) { mySpecialMethod() }

相关的wiki条目