ray985 Posted August 10, 2017 Report Share Posted August 10, 2017 I have a datapage where I'm hiding some columns of calculated fields using CSS below. #target table:nth-of-type(2) td:nth-of-type(10) {display: none;} #target table:nth-of-type(2) th:nth-of-type(10) {display: none;} #target table:nth-of-type(2) td:nth-of-type(11) {display: none;} #target table:nth-of-type(2) th:nth-of-type(11) {display: none;} That works great, but it doesn't hide the columns in the aggregation rows so I have an overhang of dark grey in my table (see picture). I think the problem is that in the totals rows, text spans multiple columns, so it's not really column 10 and 11 I have to hide in these rows. Does anyone know how to target these cells and hide them? Quote Link to comment Share on other sites More sharing options...
MayMusic Posted August 11, 2017 Report Share Posted August 11, 2017 I cannot replicate this issue I used the code just instead of nth-of-type(2) I have nth-of-type(1) and it is hiding the aggregation as well. What is the URL to your page? subraasingapore 1 Quote Link to comment Share on other sites More sharing options...
subraasingapore Posted August 12, 2017 Report Share Posted August 12, 2017 Your page URL please. I can help. Quote Link to comment Share on other sites More sharing options...
ray985 Posted August 14, 2017 Author Report Share Posted August 14, 2017 Thanks for the input. Here's the URL to the page. http://briteswitch.com/Creeden/print.php?EstimatorID=103 On this page it's the nth-of-type(1) but still having the problem with the extra aggregation columns showing. I've fiddled with it a lot but can't figure out how to get rid of those. Quote Link to comment Share on other sites More sharing options...
futurist Posted October 3, 2022 Report Share Posted October 3, 2022 On 8/10/2017 at 6:10 AM, ray985 said: I have a datapage where I'm hiding some columns of calculated fields using CSS below. #target table:nth-of-type(2) td:nth-of-type(10) {display: none;} #target table:nth-of-type(2) th:nth-of-type(10) {display: none;} #target table:nth-of-type(2) td:nth-of-type(11) {display: none;} #target table:nth-of-type(2) th:nth-of-type(11) {display: none;} That works great, but it doesn't hide the columns in the aggregation rows so I have an overhang of dark grey in my table (see picture). I think the problem is that in the totals rows, text spans multiple columns, so it's not really column 10 and 11 I have to hide in these rows. Does anyone know how to target these cells and hide them? Hi, Jus to add, you may refer to this link on how to hide (or do any other stylings) multiple sibling elements all at once: Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.