title: Applying CSS to Datatables that has NEXT Page
body: <p>I have this Script that works and does what I need, but it will only apply to the first 10 rows, not to the next page.
  My Table id is &quot;MyTable&quot; Here is my JavaScript:</p>
  <pre><code>                $(document).ready(function()
                              {
                                  $(function() 
                                      {
                                        $(&quot;#MyTable td&quot;).each(function() 
                                        {
                                          if ($(this).text() == 'Pending') 
                                              {
                                                $(this).css('background-color', 
                  '#F3E498');
                                              }
                                          if ($(this).text() == 'Approved') 
                                              {
                                                $(this).css('background-color', 
                  '#C5F97E');
                                              }
                                          if ($(this).text() == 'Denied') 
                                              {
                                                $(this).css('background-color', 
                  '#FF5733');
                                              }
                                          
                                        });
                                      });
                              });
  </code></pre>
  <p>So needless to say I am kida stuck here where at row 11th, my script quits working through next pages, I would appreciate any suggestions.
  <a href="https://i.stack.imgur.com/4I1I7.png" rel="nofollow noreferrer">See Image here</a></p>