![\"\"](\"https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2020\/05\/scr_hide_details.png\")
<\/a>\n<\/p>\n
\r\n$(\"[id^=details_]\").bind(\"click\", function(){\r\n\r\n \/\/ get ID of the current master table record \r\n\tvar id = $(this).attr(\"data-record-id\"), res = false;\r\n\r\n \/\/ loop through all master table records on the page\r\n\tvar allRecords = pageObj.getAllRecords();\r\n\trem = false;\r\n\t$.each(allRecords, function(i, row){\r\n\r\n \/\/ If we found our record and value of OrderID is more than 10300\r\n \/\/ than we will remove the tab. This is where you can add your own condition\r\n if(row.recordId()== id && row.getFieldText(\"OrderID\")>\"10300\")\r\n rem = true;\r\n });\r\n \/\/ actually removing the tab, 1 means second tab, 0 means first tab etc \r\n\tif(rem) {\r\n\t\t$(\"#tabs-details_details_preview\"+id).find(\"[data-tabidx=1]\").remove();\r\n\t\r\n \t \/\/ uncomment the following line if you need to hide the first tab\r\n\t\t\/\/ $(\"#tabs-details_details_preview\"+id\").find(\"[data-tabidx=1]\").find(\"a\").click();\r\n }\r\n\r\n});\r\n<\/pre>\nThis is pretty much it. This code will work in version 10.x or better of PHPRunenr, ASPRunner.NET and ASPRunnerPro. Enjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"
Master-details is a very useful feature but the details table may clutter the UI. We have seen projects where people have more than a dozen details tables and it would be useful if we can hide some that are not relevant to the current master table record. Let us take a look at this completely artificial example. A typical setup with Orders table as a master and Order Details, Employees, and Customers as details. We would like to hide the Employees table tab when OrderID…<\/span>Continue Reading “Hiding details table tab on the fly”<\/span>