Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 982
  • Last Modified:

Hide Table Column through Jquery

Hi

I am trying to hide a column in an application Developed using Oracle Apex.

HTML of table is generated by Apex so I cannot change that. The table column starts with

<td headers="COL19" class="t9data">
......
.....
</td>


I tried following but it did not work
  $('td headers="COL19"').hide();


Please help

0
systemsautomation
Asked:
systemsautomation
  • 2
1 Solution
 
leakim971PluritechnicianCommented:
$('td[headers="COL19"]').hide();
0
 
Samuel LiewCommented:
You could try something like this to remove all cells under the same table header:
var colHeader = $('td[headers="COL19"]');
var table = colHeader.parents("table");

table.find("tr").each(function() {
$(this).find("td")[colHeader.index()].remove();
});

Open in new window

0
 
systemsautomationAuthor Commented:
i want to hide a specific cell in the table.
How can i find the specific cell and how can i hide it?
0
 
Samuel LiewCommented:
How is the specific cell specified? You could do something like this:
var cell_rowNumber = 3;
var cell_colNumber = 5;

var table = colHeader.parents("table");

table.find("tr:gt(cell_rowNumber)").find("td")[cell_colNumber].remove();

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now