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

    Popular posts from this blog

    sqlite3 - UPDATE a table from the SELECT of another one -

    c# - Showing a SelectedItem's Property -

    javascript - Render HTML after each iteration in loop -