Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>After a lot of research to figure out all of my options for this I opted for going with separate tables for the header, body and footer and I surround each table with a div. I then style that div as a "pane". As long as the columns in the header table and the body table are set as the same width, they will line up.</p> <p>There was some cleanup I had to do, one of which resulted in needing to keep the vertical scrollbar always showing, and then add a margin to the header and footer tables so that if the body starts to scroll or not, the headers will always line up.</p> <p>It would be something like this:</p> <pre><code> &lt;div class="pane table-head"&gt; &lt;table&gt; &lt;thead class=""&gt; &lt;tr&gt; &lt;th&gt;Header&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;/table&gt; &lt;/div&gt; &lt;div class="pane table-body fill"&gt; &lt;table&gt; &lt;tbody&gt; &lt;tr&gt;&lt;td&gt;Text&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Text&lt;/td&gt;&lt;/tr&gt; ... &lt;/tbody&gt; &lt;/table&gt; &lt;/div&gt; &lt;div class="pane table-foot"&gt; &lt;table&gt; &lt;tfoot&gt; &lt;tr&gt; &lt;th&gt;Footer&lt;/th&gt; &lt;/tr&gt; &lt;/tfoot&gt; &lt;/table&gt; &lt;/div&gt; </code></pre> <p>See updated JSFiddle: <a href="http://jsfiddle.net/bluecaret/va4HF/5/" rel="nofollow">http://jsfiddle.net/bluecaret/va4HF/5/</a></p> <p>This still isn't an ideal solution, I may end up ditching this and go with Fabio's solution of a div based table, although I can see potential issues with that as well based on some tests. For now this is what I'll be sticking with.</p>
    singulars
    1. This table or related slice is empty.
    1. POSticky Table Header with 100% height "panes"
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USBlueCaret
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POSticky Table Header with 100% height "panes"
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload