Changes for page LSS-P - Mechanical

Last modified by Eric Nantel on 2024/07/03 09:43

From version < 30.1 >

edited by Eric Nantel
on 2023/07/07 14:41

To version < 31.1 >

edited by Eric Nantel
on 2023/07/07 14:41

< >

Change comment: There is no comment for this version

Summary

Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

@@ -1,80
          +1,53 @@
  {{html}}
++<!DOCTYPE html>
  <html>
  <head>
    <style>
--    table {
--      width: 100%;
--      border-collapse: collapse;
++    .table-container {
++      display: flex;
      }
--    th, td {
--      padding: 8px;
--      text-align: left;
--      border-bottom: 1px solid #ddd;
++    .table-container table {
++      flex: 1;
      }
--
--    /* Media query for mobile devices */
--    @media only screen and (max-width: 600px) {
--      /* Stack the table columns vertically */
--      td {
--        display: block;
--      }
--
--      /* Add spacing between stacked columns */
--      td:not(:first-child) {
--        margin-top: 10px;
--      }
--
--      /* Hide table headers (th) */
--      th {
--        display: none;
--      }
--    }
    </style>
  </head>
  <body>
--  <table>
--    <tbody>
--      <tr>
--        <td>
--          <table>
--            <thead>
--              <tr>
--                <th>Column 1</th>
--              </tr>
--            </thead>
--            <tbody>
--              <tr>
--                <td>Data 1</td>
--              </tr>
--              <tr>
--                <td>Data 3</td>
--              </tr>
--              <!-- Add more rows as needed -->
--            </tbody>
--          </table>
--        </td>
--        <td>
--          <table>
--            <thead>
--              <tr>
--                <th>Column 2</th>
--              </tr>
--            </thead>
--            <tbody>
--              <tr>
--                <td>Data 2</td>
--              </tr>
--              <tr>
--                <td>Data 4</td>
--              </tr>
--              <!-- Add more rows as needed -->
--            </tbody>
--          </table>
--        </td>
--      </tr>
--    </tbody>
--  </table>
++  <div class="table-container">
++    <table>
++      <thead>
++        <tr>
++          <th>Table 1</th>
++        </tr>
++      </thead>
++      <tbody>
++        <tr>
++          <td>Data 1</td>
++        </tr>
++        <tr>
++          <td>Data 2</td>
++        </tr>
++        <!-- Add more rows as needed -->
++      </tbody>
++    </table>
++
++    <table>
++      <thead>
++        <tr>
++          <th>Table 2</th>
++        </tr>
++      </thead>
++      <tbody>
++        <tr>
++          <td>Data A</td>
++        </tr>
++        <tr>
++          <td>Data B</td>
++        </tr>
++        <!-- Add more rows as needed -->
++      </tbody>
++    </table>
++  </div>
  </body>
  </html>
  {{/html}}

Changes for page LSS-P - Mechanical

Summary

Details

Navigation

Recently Visited