Hide row in List on Portals with Javascript

(1) Share

Report

Posted on by robertsapps

Trying to hide all rows in this service list where the application id (Lookup field) for service does not match the application id for that application.

I'm pretty sure this can be done in JavaScript, but I am not sure how to go about that.

So basically I would want to check if the Application column for each row matches the

Thanks in advance!

Categories:

Customize & extend

I have the same question (0)

All responses (4)

Answers (0)

ZackS 112 on at

Like (0)

Report
Copy link

Link copied!

Same question here, any answers from microsoft yet?

Was this reply helpful? Yes No
CU11111813-1 10 on at

Like (0)

Report
Copy link

Link copied!
Something like this should work:
$("#my-table td.field/cell:not(:equals('{{ request.params.id }}'))").parent().hide();

You will have to figure out what the selector is for your markup.

A better way is to filter the table before so you don't have to write this jquery. This may already work without additional filtering if you configured the view/grid properly in crm

Was this reply helpful? Yes No
Suggested answer

SaiRT14 1,990 Super User 2025 Season 1 on at

Like (0)

Report
Copy link

Link copied!

pls try the following:

document.addEventListener("DOMContentLoaded", function() {
// Define the target Application ID you want to match
const targetApplicationId = "12345"; // Replace with the specific Application ID you want to match

// Get all rows in the service list table
const serviceListTable = document.getElementById("serviceListTable"); // Replace with actual table ID or selector
const rows = serviceListTable.getElementsByTagName("tr");

// Iterate over each row, starting from index 1 to skip the header
for (let i = 1; i < rows.length; i++) {
const applicationIdCell = rows[i].querySelector(".applicationIdCell"); // Replace with the actual class or selector for the Application ID cell

if (applicationIdCell) {
const applicationId = applicationIdCell.textContent || applicationIdCell.innerText;

// Hide the row if the Application ID does not match the target ID
if (applicationId.trim() !== targetApplicationId) {
rows[i].style.display = "none";
}
}
}
});

Was this reply helpful? Yes No
Suggested answer

oliver.rodrigues 9,398 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!
I can help with the JS code, not a problem, but my first question here is:

is this a list or a subgrid?

is the other Applications for the same Contact/User or is it displaying Services for applications from all users?

Was this reply helpful? Yes No