<div>
Hi!<br />
<br />
You can add this CSS to your stylesheet and see how it works out for you.<br />

<pre><code id="code-20-43532682-1">&lt;table class=&quot;table table-condensed&quot;&gt;
  ...
&lt;/table&gt;</code></pre>
</div>


Hi!

You can add this CSS to your stylesheet and see how it works out for you.


<table class="table table-condensed">
  ...
</table>

Owner

Bob Schneider

<div>
<div class="content wysiwyg-content fr-view">
<p>Is there a way to make the tables on<a href="https://gtraxc.com/pages/results/results.asp?meet_id=1059&amp;race_id=5406&amp;show_what=splits" rel="ugc">&nbsp;this page</a> more compressed so that all columns show on the page of a vertical mobile device? &nbsp;It seems like there's enough space but I can't get the table to compress. &nbsp;Interestingly, on <a href="https://gtraxc.com/pages/results/results.asp?meet_id=1059&amp;race_id=5406&amp;show_what=individual" rel="ugc">this page</a> it is fine (actually a bit too compressed) even though there is more data. &nbsp;That one is a DataTable. &nbsp;Not sure how to get that done on a "normal" table.</p><p><br></p><p>Thanks in advance.</p>
</div>
</div>



Is there a way to make the tables on
 this page
more compressed so that all columns show on the page of a vertical mobile device?  It seems like there's enough space but I can't get the table to compress.  Interestingly, on
this page
it is fine (actually a bit too compressed) even though there is more data.  That one is a DataTable.  Not sure how to get that done on a "normal" table.
Thanks in advance.

Condensed Table In Bootstrap 4

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.

Bootstrap

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.