動態材質設計精簡版可選數據表

我正在使用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>' 
)

我得到的頭，但沒有對行的複選框。