Js Query External List Web Part

Question

I am trying to appply a Js Query to higlight those rows in the external List which have the word "pending". I did this by adding the JS Query in the existing web Part which contains the external list.  The below js query does not seem to be
working. Let me know your thoughts. Thx!
Below is my js query.
<script type="text/javascript">
$(document).ready(function(){
$Text = $("td .ms-vb2:contains('Pending')");
$Text.parent().css("background-color", "#461B7E");
var myelement = $Text.parent().parent();
$Text = $("td .ms-vb2:contains('Rejected')");
$Text.parent().css("background-color", "#4CC417");
$Text = $("td .ms-vb2:contains('In Progress')");
$Text.parent().css("background-color", "#EAC117");
</script>

Answer 1

Hi,
The External List Web Part is not finish loading even after the page loaded, so we can use setTimeout method to delay executing your code.
The following code for your reference:
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
setTimeout(SetHighLight,1000);
function SetHighLight() {
$Text = $("td .ms-vb2:contains('Pending')");
$Text.parent().css("background-color", "#461B7E");
$Text = $("td .ms-vb2:contains('Rejected')");
$Text.parent().css("background-color", "#4CC417");
$Text = $("td .ms-vb2:contains('In Progress')");
$Text.parent().css("background-color", "#EAC117");
</script>
Best regards
Dennis Guo
TechNet Community Support