This article mainly introduces the JavaScript method for controlling the non-display of a column in a table. It involves the javascript operation form technique and is very useful, for more information about how to control the non-display of a column in a table using JavaScript, see the following example. Share it with you for your reference. The specific implementation method is as follows:
1. table Code
The Code is as follows:
Cellpadding = "3" cellspacing = "1" bgcolor = "# dfdfdf">
Date
Media name
Serving form
Number of exposures
Number of people exposed
Clicks
Clicks
CTR
Visits
Bounce count
Access depth
Browsing duration/sec
Participants
Number of persons handling business
2. js permission Control
Note: if the data is dynamic data, control the display of td after the assignment is complete. Otherwise, the td header is successfully controlled and other rows fail.
if (uname === "guest") { $("#mytable tr").each(function() { $(this).find("td").eq(7).css("display", "none"); $(this).find("td").eq(8).css("display", "none"); $(this).find("td").eq(9).css("display", "none"); $(this).find("td").eq(10).css("display", "none"); $(this).find("td").eq(11).css("display", "none"); $(this).find("td").eq(12).css("display", "none"); $(this).find("td").eq(13).css("display", "none"); });}
I hope this article will help you design javascript programs.