title: wait till bootstrapTable is fully loaded before doing something
body: <p>I have a javascript based bootstrapTable that dynamically generates the table and data.</p>
  
  <p>I am having an issue trying to apply some CSS styling and classes to some of the <code>td</code>'s that are being generated in <a href="https://stackoverflow.com/questions/30334141/using-nth-child-and-has#30334753">this question</a>. I have realized that I think my problem is that the table is not fully loaded which is causing my code not to work. It works fine if I manually write the table code, but not dynamically.</p>
  
  <p>I tried using the <code>load</code> event to wait for the table to load but that seems to not work</p>
  
  <pre><code>$table.load(function() {
  // do something
  });
  </code></pre>
  
  <p>What jquery do I need to in order to wait for <code>$table</code> to be fully loaded before I do something?</p>
  
  <p><strong>javascript table</strong></p>
  
  <pre><code>var $table = $('#table-javascript').bootstrapTable({
      method: 'get',
      url: 'bootstrap_database.php',
      height: 3849,
      cache: false,
      striped: true,
      pagination: true,
      search: true,
      pageSize: 100,
      pageList: [100, 200, 600, 1000],
      minimumCountColumns: 2,
      clickToSelect: true,
      columns: [{
          field: 'ID',
          title: 'ID',
          align: 'center',
          visible: false
      },{
          field: 'backlink',
          title: 'Backlink',
          align: 'left',
          width: '20'
      },{
          field: 'indexed',
          title: 'PI',
          align: 'center',
          width: '20',
      },{
          field: 'dindexed',
          title: 'DI',
          align: 'center',
          width: '20',
      },{
          field: 'moz',
          title: 'MOZ',
          align: 'center',
          width: '20',
      },{
          field: 'email',
          title: 'EM',
          align: 'center',
          width: '20'
      },{
          field: 'social',
          title: 'SOC+',
          align: 'center',
          width: '20'
      },{
          field: 'whois',
          title: 'WHO',
          align: 'center',
          width: '20'
      },{
          field: 'notes',
          title: 'NT',
          align: 'center',
          width: '20'
      },{
          field: 'removed',
          title: 'RM',
          align: 'center',
          width: '20'
      },{
          field: 'import_label',
          title: 'SR',
          align: 'center',
          width: '20'
      },{
          field: 'important',
          title: 'IM',
          align: 'center',
          width: '20'
      },{
          field: 'refresh',
          title: 'RF',
          align: 'center',
          width: '20',
          class: 'refreshstats'
      },{
          field: 'exempt',
          title: 'EX',
          align: 'center',
          width: '20',
      },{
          field: 'spammy',
          title: 'SP',
          align: 'center',
          width: '20',
      }]
  });
  </code></pre>