First, the bootstrap framework is used in this project, so some people will say that it's OK to set adaptive properties on the table.
The point here is to affirm
Bootsrtap Adaptive is the horizontal scroll bar that appears when the browser does not fill the entire screen, but half the time.
And when we maximize the browser, what happens when the number of columns increases?
The answer is that there will be extrusion effect, and the scroll bar will not appear horizontally
See the tutorials on the web, many people say what the parent div settings 100%,table Add scrool properties are not
Here, the solution is simple, set the properties of the <th> tag, so that it does not automatically wrap
$ (document). Ready (function () {
$ ("th"). CSS ("White-space", "nowrap");
});
To set the property that the th label does not allow line wrapping after the page load completes
Note that this property is used in CSS and is not used in the th tag, as follows
<th nowrap= "nowrap" > can also be implemented without automatic line wrapping
The above is small series for everyone to bring the JSP in the table to add a horizontal scroll bar of the whole content of the method, I hope to help you, a lot of support cloud Habitat Community ~