title: Bootstrap Table Row Selection
body: <p><img src="https://i.stack.imgur.com/VTaHO.png" alt="Example"></p>
  
  <p>I can't seem to get the entire row highlighted. Whatever row is the one with the sorted_1 class on it doesn't take the selected highlight when I mark it active. Even when manually setting the background on the cell when it is sorted doesn't produce a result. Any thoughts?</p>
  
  <p><img src="https://i.stack.imgur.com/90lMS.png" alt="My Code Here">   </p>
  
  <pre><code>             &lt;table class="table table-bordered table-hover" id="accountTable"&gt;
                  &lt;thead&gt;
                      &lt;tr&gt;
                          &lt;th style="width: 50%;"&gt;Account Name
                          &lt;/th&gt;
                          &lt;th style="width: 50%;"&gt;Profit Center Number
                          &lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Test Acct&lt;/td&gt;
                          &lt;td&gt;XXXX99753&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Test Acct 2&lt;/td&gt;
                          &lt;td&gt;XXXX99885&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Account 3&lt;/td&gt;
                          &lt;td&gt;XXXX99885&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Z Account&lt;/td&gt;
                          &lt;td&gt;XXXX99885&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
  </code></pre>
  
  <p>Also, of course, calling this at the end of my script section. </p>
  
  <pre><code>$('#accountTable').dataTable();
  </code></pre>