Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Hide Table Column through Jquery

Posted on 2010-11-24
4
Medium Priority
?
976 Views
Last Modified: 2012-08-14
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
Comment
Question by:systemsautomation
  • 2
4 Comments
 
LVL 82

Expert Comment

by:leakim971
ID: 34205691
$('td[headers="COL19"]').hide();
0
 
LVL 14

Expert Comment

by:sam2912
ID: 34206745
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
 

Author Comment

by:systemsautomation
ID: 34210689
i want to hide a specific cell in the table.
How can i find the specific cell and how can i hide it?
0
 
LVL 14

Accepted Solution

by:
sam2912 earned 2000 total points
ID: 34210750
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

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
This video shows how to quickly and easily deploy an email signature for all users in Office 365 and prevent it from being added to replies and forwards. (the resulting signature is applied on the server level in Exchange Online) The email signat…

971 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question