html - How to target table with ID? -
I am using datatable and I am using the under CSS to hide the table header.
Table.dataTable thead {display: none; }
What is happening now is that I have two tables with ID as userList1
& amp; userList2
.
What I want to do is apply this table to the table with the ID only as userList1
.
Any idea how to do this?
I tried
# userList1.table.dataTable thead {display: none; } # Username 1 & gt; Table.dataTable thead {display: none; }
But no one is working.
I am not sure whether right or wrong is above, but I tried to be a novice for CSS.
HTML code
Table 1
& lt; Table id = "user list" class = "responsive datasetable" dir = "ltr" style = "width: 100%; limit: 0 px;" Aria-describedby = "userList_info" & gt;
Table 2
& lt; Table id = "userList: 2: userList2" class = "responsive placements" dir = "liters" & gt; & Lt; / Table & gt; & Lt; Table id = "userlist: 1: user list 2" class = "responsible placements" dir = "ltr" & gt; & Lt; / Table & gt; & Lt; Table id = "userlist: 0: userlist 2" class = "responsible placements" dir = "ltr" & gt; & Lt; / Table & gt;
Note: I have two tables. Table 1 has table inside table 2 ...
I have the table
< Pre> & lt; Table id = "userList" class = "responsive data" "dir =" LTR "style =" width: 100%; Border: 0px; "Aria-describedby =" userList_info "> Table id =" User list: 2: user list 2 "class =" responsible appointments "DIOR =" LTR "> & gt; Lt; Table ID = "Userlist: 1: User List 2" class = "Responsive Appointments" DIR = "LTR"> & lt; Table ID = "UserList: 0: Userlist 2" Class = "responsible appointments", deir = "ltr">
Note I am using JSF language And Inside Table ID JSF Created by ...
If you have an external table header You want to hide:
#userList thead {display: none;}
If you have all in the headers of the internal table To hide:
#userList table: thead {display: none;}
If you have an internal table based on the solution of @ stevex Hide the header:
#userList #userList \ 2: UserList2 thead {display: none; }
Comments
Post a Comment