Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I'll assume you have the following</p> <p>HTML</p> <pre><code>&lt;table class="outer-table"&gt; &lt;tr&gt; &lt;td&gt; &lt;table class="inner-table"&gt; &lt;tr&gt; &lt;td&gt; I'm some content! &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p><strong>CSS - Without class/ID</strong></p> <pre><code>table { border: 1px solid black; } table tr td table { border: 1px solid green; } </code></pre> <p>Sometimes you can get away with:</p> <pre><code>table { border: 1px solid black; } table table { border: 1px solid green; } </code></pre> <p><strong>CSS - With Class/ID</strong></p> <p>A little note with Classes and IDs. Classes are something that can be applied to as many elements as you desire and carry the styling specified. IDs should only be used for one element, as this is an identification to that element. That means if you have two nested tables, you need to give that second table a new unique ID.</p> <p>ID's are shown as # in CSS. So if you just want to use it for the specific ID, it will be: </p> <pre><code>#outer-table { /* Outer table Style */ } #inner-table { /* Inner table Style */ } </code></pre> <p>Using the class (as the example shows) in CSS, is a period. If you use the period without specifying the element, it will be used for all elements that have a class of the same name, so it's best to specify what element you want it attached to.</p> <pre><code>table.outer-table { /* Outer table Style */ } table.inner-table { /* Inner table Style */ } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POCSS and Nested tables
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USDave
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COWhat's wrong with assigning classes and/or id's to the tables instead?
      singulars
      1. PO
      1. USSparky
    2. COThere isn't anything wrong with assigning classes and/or IDs to the elements, it's recommended! Although, I've worked on a few projects where we were not able to modify the markup in any way. Just modify the external stylesheet. I was just assuming things (3am >.<)
      singulars
      1. PO
      1. USDave
    3. COI am starting to see the pattern. Although I intend to use class names at the minimum. What does `table table { format stuff; }` look like when class names are applied?
      singulars
      1. PO
      1. UScodingJoe
 

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