ajax附加html后DataTable无法正常工作

Question

我试图在ajax成功之后追加一个表，但是在DataTable上出现错误。

 <table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%" style="background-color: #fff;margin-top: 20px;border:0px;">
  <thead style="background-color: gray;color: #fff;">
          <tr>
           <th style="font-weight: 100;text-align: center;">Lesson</th>
           <th style="font-weight: 100;text-align: left;">Grade Level</th>
          </tr>
  </thead>
  <tbody id="modalLession">

  </tbody>
 </table>

现在借助ajax函数，我们借助id modalLession附加表