CODEWITHSUNDEEP
htmlcssscrolloverflow
CrescentStrike
CrescentStrike

Reputation: 23

Horizontal Scroll bar Not showing

I have a table in a section, I need to be able to scroll the table because it has a lot of columns. This is what I tried:

#id_induccion_consolidado_habilitaciones {
  width: 150% !important;
}
#id_section_habilitaciones{
  display: block !important;
  width: 100% !important;
  overflow: auto !important;
}

But I've had no luck, this works if I try to add the scroll to a tab, but all tables/sections scroll simultaneously and I don't want this.

This is what I am working on

this is the code related to the tables mentioned. 2

Upvotes: 0

Views: 142

Answers (1)

Nouman Ejaz
Nouman Ejaz

Reputation: 159

The width that you set to 150% changed it to 100% and

try this

#id_induccion_consolidado_habilitaciones {
  width: 100% !important;
  table-layout: fixed;
}

Upvotes: 1

Related Questions